如何在移动设备的网页上创建点击并按住按钮？

Question

我在页面上有一个按钮，旁边有一些JS，它给出了点击操作。随着时间的推移，按住鼠标按钮会增加页面上的某些值。我的意思是这里的演示：

http://jsfiddle.net/ianb/kS8Hf/

问题是，当我在移动设备（Android 2.3.5）上查看此页面时，我的浏览器会覆盖按钮行为。如果我按住按钮，我会提示我是否要保存按钮图像。

有没有办法在浏览器中阻止此行为，或者在用于移动设备的页面上实现此按钮行为？

Answer 1

您是否尝试过使用背景而非图像的元素？ Afaik，当您使用背景浏览器 div 时，不应弹出promt来保存此图像。

Answer 2

按钮行为由手机/操作系统制造商管理。为了获得最佳的webapp体验，您应该尝试避免诸如“按住”之类的事件并尝试实现用于插入/减少值的按钮。滑块也是如此，没有办法让滑块在触摸屏上工作：）

问候 克里斯

Answer 3

试试这个：

$('.click_and_hold').mousedown(function(e) {
    e.preventDefault();
    beginAdjust(10);
})

或者您可以在mousedown上尝试return false。