javascript与jq的鼠标右键点击事件

为了把明天的工作做好,我们必须把今天的工作先做好了,不要给明天的工作找麻烦。在工作面前,态度决定一切。没有不重要的工作,只有不重视工作的人。不同的态度,成就不同的人生,有什么样的态度就会产生什么样的行为,从而决定不同的结果。

一些网站会利用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其它相关文章!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法