Question

我想禁用使用iPad按下并按住链接时显示的“在新选项卡中打开/打开/添加到阅读列表/复制”上下文菜单。下面的代码禁用在PC或MacBook上运行的浏览器中的上下文菜单。但是，在iPad上，上下文菜单会继续显示。

这是我正在使用的测试网页。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Page</title>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript">     
    $(document).ready(function(){                   
        $("a").contextmenu(function(event) {
                event.preventDefault();
        });     

    });
</script>
<style>
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} 
</style>
</head>
<body>
    <a href=#>Test Link</a>
</body>
</html>

Answer 1

body { -webkit-touch-callout: none; }

应该这样做

长按可禁用iPad / Safari上下文菜单

1 个答案: