GMS资讯网
首页 - 信息 - 深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制【javascript】
信息

深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制【javascript】

2023-09-21 17:50
web前端|js教程
JavaScript,JQuery,屏蔽右键菜单,禁止选择复制
web前端-js教程
我记得在刚开始接触动态HTML及JavaScript时就接触过关于鼠标右键屏蔽的脚本代码，当时这些代码很多会用在防止浏览者未经允许的复制网页上的文字或者其他内容，后来的实际应用证明这种做法是不符合用户体验的，而且破解的方法也有很多，比如我曾经写过一篇文章讲解如何解除网页禁止复制的办法。

由此可见，限制右键及复制是不明智的做法，但是今天我仍然要谈谈关于禁止网页复制、右键菜单的事儿，因为随着网页APP技术的发展，网页应用和桌面应用之间的界限越来越模糊，有一些桌面程序实际上是由网页配合JavaScript实现的，另外一些手机应用也可以是由HTML5+JavaScript实现的，在这种情形下，限制右键就是有必要的了，因为作为APP来说，网页的右键选择文字及弹出菜单在大多数情况下显得没有必要了。


接下来介绍的可能只包含某一方面的代码，但是我相信大家一定能够举一反三:-)


A、粗暴版的限制选择复制或者禁止鼠标右键

我们先谈谈如何粗暴的限制或者禁止浏览者复制网页上的文字，正常的防止浏览者复制文字，我们肯定是想到禁用用户的某些特定的操作，比如鼠标右键，选择，复制等等，而这些操作对应了相应的脚本事件，只要给这些事件加上一个方法，让其返回false就可以“吃”掉这个操作了，一般粗暴的禁止复制的脚本代码如下：

仿360网址导航源码,ubuntu脚本输出参数,tomcat企业服务器,小孩屁股爬虫,重邮器php,张家界搜狗seo优化成交价lzw

window.onload = function() {
    with(document.body) {
      oncontextmenu=function(){return false}
      ondragstart=function(){return false}
      onselectstart=function(){return false}
      onbeforecopy=function(){return false}
      onselect=function(){document.selection.empty()}
      oncopy=function(){document.selection.empty()}
    }
}




                

                    

                        
相关推荐

最新资讯

热门文章

猜你喜欢

© All Rights Reserved GMS资讯网 返回顶部