javascript - jQuery:防止用户手指触摸元素时页面滚动

Question

我正在使用以下 jQuery 插件:http://willowsystems.github.io/jSignature/

我正在尝试做一些非常简单的事情，当用户的手指在签名区域内时停止页面滚动(在手机上写签名时页面移动非常糟糕，以至于您无法写下您的签名签名)。我尝试了以下在 Firefox 中不起作用的方法，我不确定为什么:

$('.signature').on('touchmove', function(e) {
        e.preventDefault();
    });

我也试过这个也不管用:

$(document).delegate('.signature', 'touchmove', false);

我已经搜索了几个小时，但似乎找不到任何有用的东西。如果需要更多详细信息，请告诉我，我会很乐意附加到问题中。

非常感谢大家的帮助。

编辑:我在手机上使用的是最新版本的 Firefox。

Answer 1

尝试在 html 元素的 ontouchmove 上使用 e.preventDefault()。

<div class="signature" ontouchmove="event.preventDefault();">

</div>

这个例子对我有用: http://jsbin.com/pulul/1/edit?html,css,output