小编Cpt*_*ple的帖子

如何禁用智能手机 <input> 的“图像另存为”弹出窗口

在我制作的网页上,我使用input标签作为图像源。当智能手机上的按钮按下时间过长时,会弹出一个带有“另存为”等内容的窗口。

我搜索了阻止这种情况发生的选项,因为用户需要按住按钮,因为这是一种游戏。

我已经将这些命令放在输入的 CSS 标签中,但仍然出现弹出窗口:

-webkit-touch-callout:none; 
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select:none;
Run Code Online (Sandbox Code Playgroud)

我无法使用pointer-events:none;,因为它禁止单击计算机上的按钮

如果您知道如何解决此问题,请告诉我,我在使用标签时遇到了同样的问题

$('#ID').mousedown(ps,我通过使用、up和命令将按钮链接到 JavaScript 来让按钮工作leave

这是我试图避免的弹出窗口的图像,以防您不知道我在说什么

例子

根据要求,这是我使用输入标签的方式,当我以相同的方式使用它时,img标签也给出了同样的问题

html:
<input type="image" src="up.png"     class="UpKeyImage" id="Up">

javascript (with jquery):
$('#Up').mousedown(function() {$("#Dancer").attr("src","dancerup.png");});
$('#Up').mouseup(function() {$("#Dancer").attr("src","dancer.png");});
$('#Up').mouseleave(function() {$("#Dancer").attr("src","dancer.png");});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery smartphone

5
推荐指数
1
解决办法
2874
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

smartphone ×1