手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >两种JS实现屏蔽鼠标右键的方法
两种JS实现屏蔽鼠标右键的方法
摘要:JS屏蔽鼠标右键的两种方法,比较常用的一个JS小功能,用上这个代码后,浏览者在访问你网页的时候就不能点击右键了,点了也不会弹出右键菜单,本功...

JS屏蔽鼠标右键的两种方法,比较常用的一个JS小功能,用上这个代码后,浏览者在访问你网页的时候就不能点击右键了,点了也不会弹出右键菜单,本功能最好不要用的太多哦,有时候用户会反感的。

代码如下:

<html> <head> <title>屏蔽鼠标右键</title> </head> <body oncontextmenu=self.event.returnvalue=false> 第一种方法:在body标签里加上oncontextmenu=self.event.returnvalue=false; <br> <script language="javascript"> <!-- function document.oncontextmenu() { return false; } function nocontextmenu() { if(document.all) { event.cancelBubble=true; event.returnvalue=false; return false; } } --> </script> 第二种方法:在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()" <br> <script language="javascript"> <!-- function rclick() { if(document.all) { if (event.button == 2){ event.returnvalue=false; } } } --> </script> <br>详细情况请查看代码。<br> <br>现在点击你的鼠标右键,不起作用了。 </body> </html>

以上就是本文的全部内容,希望对大家的学习有所帮助。

【两种JS实现屏蔽鼠标右键的方法】相关文章:

如何实现浏览器上的右键菜单

javascript实现table表格隔行变色的方法

js实现鼠标经过表格行变色的方法

JS动态增删表格行的方法

JQuery实现动态添加删除评论的方法

Javascript实现div层渐隐效果的方法

JavaScript实现带标题的图片轮播特效

js实现一个链接打开两个链接地址的方法

JavaScript实现点击自动选择TextArea文本的方法

JQuery+CSS实现图片上放置按钮的方法

精品推荐
分类导航