一些网站会利用js脚本或jq脚本来阻击浏览器的右击菜单来展示自定义菜单,这篇博文不谈如何实现右击的自定义菜单(以后有时间会开个单篇来讲,因为涉及到鼠标的定位问题要说很多),这篇文章来说一下如何利用JQ脚本或JS脚本来实现鼠标右击的自定义事件。
JS实现鼠标右击事件
示例1:
JS作用于整个网页的鼠标右击事件!
document.oncontextmenu = function (e) { alert('我是鼠标的右击事件!'); return false; //阻止浏览器的右击菜单 };
示例2:
js作用于某个DIV的鼠标右击事件!
<div id="mochu" style="width:200px;height:200px;"></div> <script> document.getElementById('mochu').oncontextmenu = function (e) { alert('我是鼠标的右击事件!'); return false; //阻止浏览器的右击菜单 }; </script>
jq实现鼠标右击事件的方法
示例1:
jq监听整个文档的鼠标右击事件
$(function(){ $(document).contextmenu(function(){ alert('我是鼠标右击的信息!'); return false; }); });
示例2:
jq监听某个元素的鼠标右击事件
<div id="mochu" style="width:200px;height:200px;border:1px solid red;"></div> <script> $(function(){ $('#mochu').contextmenu(function(){ alert('我是鼠标右击的信息!'); return false; }); }); </script>
以上就是javascript与jq的鼠标右键点击事件。信任不是指没有误会,而是总会给对方把误会解释清楚的机会。更多关于javascript与jq的鼠标右键点击事件请关注haodaima.com其它相关文章!