js右击事件
先贴代码:
注意的两个点是:
①:先取消默认右击事件,event.preventDefault()
②:判断event.Button:0:左键,1:滚轮,2:右键。
值得一说的的是"oncontextmenu"是指右键按下时的作用。
再给一个应用吧:
右击div显示出自己定义的菜单,点击除了div的地方,是默认的右击事件。
代码:
效果自行查看吧,其实也没啥。
原理是,右键的菜单其实是一个隐藏的div,当点击父类div的时候,它出现而已。(貌似这样一说显得这个程序好垃圾啊,_(___)_其实这也是大厦的一块砖,少了它,大厦会塌的)
再给了类似的应用吧,一个点击div消失的效果。
前提是该元素已绑定事件如果没有事件,右键是系统默认的右键菜单
因此,先给元素绑定个右键事件:
再来模拟右键菜单
如果要实现系统级的右键菜单,只能借助其他方法,比如使用pywin32的
python实现鼠标右键
直接上例子:
test可以换成body的id,这样就可以默认监控鼠标右键的事件了,要什么效果,直接在if(e.button == 2)中写效果。
<script type="text/javascript">window.onload = function(){
//去掉默认的contextmenu事件,否则会和右键事件同时出现。
document.oncontextmenu = function(e){
e.preventDefault()
}
document.getElementById("test").onmousedown = function(e){
if(e.button ==2){
alert("你点了右键")
}else if(e.button ==0){
alert("你点了左键")
}else if(e.button ==1){
alert("你点了滚轮")
}
}
}
</script>