阻止右键点击个浏览器兼容

Posted 井凉一一

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了阻止右键点击个浏览器兼容相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- oncontextmenu="return false", 兼容safari -->
<div style="width: 200px; height: 200px; background: gray;" id="oDiv" oncontextmenu="return false"></div>
<script>
    let oDiv = document.getElementById(oDiv);
    oDiv.oncontextmenu = return false;
    oDiv.addEventListener(contextmenu, (e) => {
        if (e.preventDefault) {  // W3c
            e.preventDefault();
        } else {                 // IE
            window.event.returnValue = false;
        }
        return false;
    })
</script>
</body>
</html>

 

以上是关于阻止右键点击个浏览器兼容的主要内容,如果未能解决你的问题,请参考以下文章

IE浏览器兼容性设置方法

兼容ie8,firefox,chrome浏览器的代码片段

如何阻止360浏览器访问指定网站?

几个非常实用的JQuery代码片段

阻止默认事件event.preventDefault();

js touch事件和a链接相兼容问题