禁止拖动图片文字,禁止模态框底层可以滚动
图片拖动:
document.getElementsByTagName('img')[0].onmousedown = function(e){ e.preventDefault() };
在ie11及10会出现拖拽不了改成ondragstart事件
参考:https://stackoverflow.com/questions/4211909/disable-dragging-an-image-from-an-html-page
禁止拖动文字
document.onselectstart=function(){return false;};
document.onselectstart=function(){return true;};
![](https://img2018.cnblogs.com/blog/1120691/201909/1120691-20190917143459276-2037231546.png)
禁止鼠标右键保存图片 <img src="" oncontextmenu="return false;"> 禁止鼠标拖动图片 <img src="" ondragstart="return false;"> 文字禁止鼠标选中 <p onselectstart="return false;">文字禁止鼠标选中</p> 禁止复制文本 <p onselect="document.selection.empty();">文字禁止鼠标选中</p> jquery禁止文本复制和拷贝 $(document).bind("contextmenu copy selectstart", function() { return false; }); jquery禁止图片拖拽 var img=$("img"); img.on("contextmenu",function(){return false;}); img.on("dragstart",function(){return false;});
禁止模态框底层可以滚动
参考:https://blog.csdn.net/qq_35430000/article/details/87076146
显示模态框时:document.body.style.overflow='hidden'; 隐藏模态框时:document.body.style.overflow=''; 移动端://滑动限制 stop() { var mo = function (e) { e.preventDefault(); }; document.body.style.overflow = 'hidden'; document.addEventListener("touchmove", mo, false); //禁止页面滑动 } //取消滑动限制 move() { var mo = function (e) { e.preventDefault(); }; document.body.style.overflow = ''; //出现滚动条 document.removeEventListener("touchmove", mo, false); }