JQUERY 鼠标右击事件

时间:2021-09-08浏览次数:868
方法一: 使用contextmenu事件点击鼠标右键禁止出现默认菜单$(document).contextmenu(function(e){ e.preventDefault();//阻止默认行为 console.log('this:'+this); console.log('e:'+e); conso这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常见技术问题,以便后面出现同样问题可以直接解决;

方法一: 使用contextmenu事件


点击鼠标右键禁止出现默认菜单

$(document).contextmenu(function(e){
    e.preventDefault();//阻止默认行为
    console.log('this:'+this);
    console.log('e:'+e);
    console.log('e.target:'+e.target);
});

解释:使用contextmenu事件自定义右键弹出菜单,使用event对象的preventDefault()函数阻止默认行为的发生,即可间接实现鼠标右键控制。


方法二:使用bind事件绑定

$(document).bind("contextmenu", function (e) {
    e.preventDefault();//阻止默认行为
    console.log('this:'+this);
    console.log('e:'+e);
    console.log('e.target:'+e.target);
});


Copyright © 2018 网站仅供学习交流使用,无任何商业用途  闽ICP备15015615号  技术支持: 微魔法建站