1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html 鼠标右键点击事件 js与jq的鼠标右键点击事件

html 鼠标右键点击事件 js与jq的鼠标右键点击事件

时间:2020-11-22 06:32:39

相关推荐

html 鼠标右键点击事件 js与jq的鼠标右键点击事件

一些网站会利用js脚本或jq脚本来阻击浏览器的右击菜单来展示自定义菜单,这篇博文不谈如何实现右击的自定义菜单(以后有时间会开个单篇来讲,因为涉及到鼠标的定位问题要说很多),这篇文章来说一下如何利用JQ脚本或JS脚本来实现鼠标右击的自定义事件。

JS实现鼠标右击事件

示例1:

JS作用于整个网页的鼠标右击事件!document.oncontextmenu=function(e){

alert('我是鼠标的右击事件!');

returnfalse;//阻止浏览器的右击菜单

};

示例2:

js作用于某个DIV的鼠标右击事件!

document.getElementById('mochu').oncontextmenu=function(e){

alert('我是鼠标的右击事件!');

returnfalse;//阻止浏览器的右击菜单

};

jq实现鼠标右击事件的方法

示例1:

jq监听整个文档的鼠标右击事件$(function(){

$(document).contextmenu(function(){

alert('我是鼠标右击的信息!');

returnfalse;

});

});

示例2:

jq监听某个元素的鼠标右击事件

$(function(){

$('#mochu').contextmenu(function(){

alert('我是鼠标右击的信息!');

returnfalse;

});

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。