华山资源网

jquery事件机制扩展插件 jquery鼠标右键事件
网络编程 2024/11/18 佚名
3 1
因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。

但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$().rightClick();来使用。

jQuery的插件主要分3种类型

1.封装对象方法的插件

（这种插件是将对象封装起来，用于对通过选择器获取的对象进行操作，也就是这里需要用到的方法）

2.封装全局函数的插件

（可以将独立的函数加入到jquery的命名空间下）

3.选择器插件

（虽然jquery的选择器已经很强大了，但还是会需要扩展一些自己喜欢的选择器）

其它的一些关于插件的知识大家可以自己去查阅相关资料。这里就直接开始讲了。

这里是使用的第一种插件类型，先分析下具体的编写思路。

1.使用鼠标右键事件后，将禁止所有的系统右键菜单功能

2.绑定鼠标右键事件后，实际是触发鼠标按下事件。

3.通过if来判断，如果按下的是右键则执行参数，这个参数只能是函数。如果不是右键则不执行。

相信讲到这里，对jquery很熟悉的也明白要怎么做了。

jquery事件机制扩展，jquery鼠标右键事件。

复制代码 代码如下:
/*鼠标右键插件*/
(function($) {
$.fn.extend({
//定义鼠标右键方法，接收一个函数参数
"rightClick":function(fn){
//调用这个方法后将禁止系统的右键菜单
$(document).bind('contextmenu',function(e){
return false;
});
//为这个对象绑定鼠标按下事件
$(this).mousedown(function(e){
//如果按下的是右键，则执行函数
if(3 == e.which){
fn();
}
});
}
});

})(jQuery);

复制代码 代码如下:
$(document).ready(function(e){
$("body").rightClick(function()(alert("右键单击")));
});

jquery事件机制扩展，jquery鼠标右键事件。
使用方法跟其它事件一样
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com