如何将长按事件自动转换为右键事件？由于许多触摸设备（如iPad）都没有提供在网站上进行右键单击的方法，因此这非常方便，因为不需要调整网站的代码。
例如，此代码是为具有鼠标支持的桌面浏览器设计的：
<html>
<head><title>Long tap to right click test</title></head>
<body>
<img src="dummy.png" oncontextmenu="alert('Hi!'); return false;" width="20" height="20" />
</body>
</html>
目标是在不修改代码的情况下将长按事件转换为右键事件。 （当然，只需加载一些JavaScript。）
[如果看到https://github.com/furf/jquery-ui-touch-punch/在jQuery小部件上的拖放支持方面做了类似的事情。但是，此插件不支持长按。
[http://code.google.com/p/jquery-ui-for-ipad-and-iphone/确实确实执行了所需的翻译，但它会阻止滚动，因此对于需要滚动支持的常规网站来说，它就毫无用处。
感谢您的帮助-谢谢！
您可以编写简单的插件来处理此类事件。让我们称之为longTap事件。示例：
$.fn.longTap = function(options) {
options = $.extend({
delay: 1000,
onRelease: null
}, options);
var eventType = {
mousedown: 'ontouchstart' in window ? 'touchstart' : 'mousedown',
mouseup: 'ontouchend' in window ? 'touchend' : 'mouseup'
};
return this.each(function() {
$(this).on(eventType.mousedown + '.longtap', function() {
$(this).data('touchstart', +new Date);
})
.on(eventType.mouseup + '.longtap', function(e) {
var now = +new Date,
than = $(this).data('touchstart');
now - than >= options.delay && options.onRelease && options.onRelease.call(this, e);
});
});
};
显然，在iPad的情况下，您想将mousedown和mouseup更改为touchstart和touchend。
您可以为此使用超时：
var timeoutLongTouch;
var $mydiv = $j('#myDiv');
// Listen to mousedown event
$mydiv.on('mousedown.LongTouch', function () {
timeoutLongTouch = setTimeout(function () {
$mydiv.trigger('contextmenu');
}, 1000);
})
// Listen to mouseup event
.on('mouseup.LongTouch', function () {
// Prevent long touch
clearTimeout(timeoutLongTouch);
});
所有解决方案均不适用于桌面浏览器。您还应该调整“单击”处理程序的行为，因为所有“ longtap”事件也应跟在“ click”事件之后。
在这种情况下，类似以下代码：
itemEl.click(function(event){
if ($(this).data('itemlongtouch')){
$(this).data('itemlongtouch', false);
}else{
//some work
}
});
itemEl.longTap(function(event){
$(this).data('itemlongtouch', true);
//some work
});