遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢?
1.与禁止鼠标右键相关的JS说明
<script type="text/javascript"> document.oncontextmenu=new Function("event.returnValue=false;"); document.onselectstart=new Function("event.returnValue=false;"); </script>
2.禁止鼠标右键火狐失灵
<!DOCTYPE html> <html> <head> <title>禁止鼠标右键</title> <meta charset="utf-8"> </head> <body> <div class="poo">这个页面不能使用鼠标右键</div> <!-- 禁止鼠标右键 --> <script type="text/javascript"> if (window.Event){ document.captureEvents(Event.MOUSEUP); } function nocontextmenu(){ event.cancelBubble = true event.returnValue = false; return false; } function norightclick(e) { if (window.Event) { if (e.which == 2 || e.which == 3) return false; } else if (event.button == 2 || event.button == 3){ event.cancelBubble = true event.returnValue = false; return false; } } document.oncontextmenu = nocontextmenu; // for IE5+ document.onmousedown = norightclick; // for all others </script> </body> </html>
3.禁止选择文本
<script type="text/javascript"> var omitformtags=["input", "textarea", "select"]; omitformtagsomitformtags=omitformtags.join("|"); function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1){ return false; } } function reEnable(){ return true; } if (typeof document.onselectstart!="undefined"){ document.onselectstart=new Function ("return false"); }else{ document.onmousedown=disableselect; document.onmouseup=reEnable; } </script>
4.屏蔽ctrl按键
document.onkeydown=function(){ if(event.ctrlKey)return false; }
以上所述是小编给大家介绍的JS实现禁止鼠标右键的功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对小牛知识库网站的支持!
本文向大家介绍两种JS实现屏蔽鼠标右键的方法,包括了两种JS实现屏蔽鼠标右键的方法的使用技巧和注意事项,需要的朋友参考一下 JS屏蔽鼠标右键的两种方法,比较常用的一个JS小功能,用上这个代码后,浏览者在访问你网页的时候就不能点击右键了,点了也不会弹出右键菜单,本功能最好不要用的太多哦,有时候用户会反感的。 代码如下: 以上就是本文的全部内容,希望对大家的学习有所帮助。
本文向大家介绍C#禁止textbox复制、粘贴、剪切及鼠标右键的方法,包括了C#禁止textbox复制、粘贴、剪切及鼠标右键的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#禁止textbox复制、粘贴、剪切及鼠标右键的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的C#程序设计有所帮助。
本文向大家介绍javascript实现禁止右键和F12查看源代码,包括了javascript实现禁止右键和F12查看源代码的使用技巧和注意事项,需要的朋友参考一下 功能很简单,代码也很简洁,这里就不多废话了,直接奉上源码,需要的小伙伴直接带走。 这是为了别人不看你的代码,对于不懂得人哦,如果老手是防不住的!
本文向大家介绍js实现鼠标拖拽多选功能示例,包括了js实现鼠标拖拽多选功能示例的使用技巧和注意事项,需要的朋友参考一下 最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo: 遮罩出现: 被遮罩盖住的,即为选中的块(背景色为粉色) 下面是具体代码,注释已在文中,与大家交流。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
1.首先准备我们的HTML <div class="menu"> <ul> <li>春眠不觉晓,处处闻啼鸟。</li> <li>Any <ul> <li>lover</li> <li>Gold
本文向大家介绍javascript实现在某个元素上阻止鼠标右键事件的方法和实例,包括了javascript实现在某个元素上阻止鼠标右键事件的方法和实例的使用技巧和注意事项,需要的朋友参考一下 最近在做一个小东西的时候需要在某一个元素上“右击”触发一个自定义菜单,通过自定义的菜单对右击的条目进行编辑。这就要求屏蔽默认的右键菜单 IE和FF下面的元素都有oncontextmenu这个方法,在FF下面只