长按事件处理让邮件菜单不好用

最新推荐文章于 2021-05-27 16:56:02 发布

原创最新推荐文章于 2021-05-27 16:56:02 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HP #Google #HTML

android 专栏收录该内容

880 篇文章

订阅专栏

本文介绍了一种通过JavaScript阻止网页中图片元素被长按唤起默认上下文菜单的方法，并提供了一个简单的示例。

<!DOCTYPE html>
<html>
<head>
<script>
function absorbEvent_(event) {
var e = event || window.event;
e.preventDefault && e.preventDefault();
e.stopPropagation && e.stopPropagation();
e.cancelBubble = true;
e.returnValue = false;
return false;
}

function preventLongPressMenu(node) {
node.ontouchstart = absorbEvent_;
node.ontouchmove = absorbEvent_;
node.ontouchend = absorbEvent_;
node.ontouchcancel = absorbEvent_;
}

function init() {
preventLongPressMenu(document.getElementById('theimage'));
}
</script>
</head>
<body onload="init()">
<img id="theimage" src="http://www.google.com/logos/arthurboyd2010-hp.jpg" width="400">
</body>
</html>