网站地图    收藏   

主页 > 采坑 > 前端采坑 > js鼠标事件常见坑 >

js鼠标右键点击事件和阻止

来源:未知    时间:2021-05-09 15:51 作者:小飞侠 阅读:

[导读] js鼠标右键点击事件和阻止 方法一 首先取消右键的系统默认弹窗 document.oncontextmenu=function(e){returnfalse//或者e.preventDefault()} 用onmouseup或者onmousedown代替点击事件 onclick事件无法用e.button判断...

js鼠标右键点击事件和阻止

方法一

首先取消右键的系统默认弹窗

document.oncontextmenu = function(e){
return false
//或者 e.preventDefault()
}


用onmouseup或者onmousedown代替点击事件

onclick事件无法用e.button判断鼠标左右键。


document.onmouseup = function(e){
if(e.button == 2){
console.log('右键点击了');       
}
}

(e.button == 0对应鼠标左键,e.button == 1对应鼠标中键)


方法二

浏览器默认行为 oncontextmenu事件

document.oncontextmenu = function(e){
//点击右键后要执行的代码
//.......
return false;//阻止浏览器的默认弹窗行为
}



自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论