JQuery屏蔽右键菜单遇到的问题
起因
因为页面中有图片不让保存,只能查看,所以采取屏蔽右键菜单.最初的代码(是这样的)
//这样的代码可以使用吗?
$(window).on('contextmenu', function () { return false; });因为自己的电脑系统是win10的,在chrome/edge,是没有问题的.因为兼容ie8,在ie8中竟然是无效的.所以进行调试了,因为win10系统自带的是ie11.要强制ie11以ie8的模式展示.
<%--以ie8的方式渲染dom--%>
<meta http-equiv="X-UA-Compatible" content="IE=8" />果然还是可以用右键菜单的.于是将jQuery改成JavaScript,将代码改成这样
JavaScript
document.oncontextmenu = function(){
return false;
};代码改成这样,每个浏览器都可以了,但也发现了问题window和document.
//window改成document就没问题了
$(document).on('contextmenu', function () { return false; });window和document区别
window代表浏览器窗口,如果获取屏幕分辨率,可以用window.screen.width/window.screen.height. document代表页面/文档,document是window的一个属性.
var isEquals = document === window.document;
alert(isEquals);
//true
秋风
2017-05-09