如何在移动网页上创建单击并按住按钮？答案

【问题标题】：How do I create a click-and-hold button on a webpage for mobile?如何在移动网页上创建单击并按住按钮？
【发布时间】：2012-04-19 08:03:48
【问题描述】：

我在一些 JS 旁边的页面上有一个按钮，它提供了单击并按住的行为。随着时间的推移，按住鼠标按钮会增加页面上的一些值。我的意思的演示在这里：

问题是当我在我的手机（Android 2.3.5）上查看此页面时，按钮行为被我的浏览器覆盖。如果我按住按钮，我会收到一个提示，询问我是否要保存按钮图像。

有什么方法可以阻止浏览器中的这种行为，或者以其他方式在用于移动设备的页面上实现这种按钮行为？

【问题讨论】：

【解决方案1】：

您是否尝试过一些带有背景而不是图像的元素？ Afaik，当您在后台浏览器中使用 div 时，不应弹出保存此图像的提示。

【讨论】：

【解决方案2】：

按钮行为由手机/操作系统制造商管理。为了获得最佳的 webapp 体验，您应该尽量避免像“按住”这样的事件，并尝试实现用于输入/减少值的按钮。滑块也是一样，没有办法让滑块在触摸屏上工作:)

问候克里斯

【讨论】：

【解决方案3】：

试试这个：

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

或者你可以尝试在鼠标按下时return false。

【讨论】：