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


Posted in Javascript onDecember 26, 2011

jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。
但是这不是我想要的,我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用,而不需要每次都去判断。这里通过编写jquery插件的形式扩展,让这个方法可以直接使用$().rightClick();来使用。
jQuery的插件主要分3种类型
1.封装对象方法的插件
(这种插件是将对象封装起来,用于对通过选择器获取的对象进行操作,也就是这里需要用到的方法)
2.封装全局函数的插件
(可以将独立的函数加入到jquery的命名空间下)
3.选择器插件
(虽然jquery的选择器已经很强大了,但还是会需要扩展一些自己喜欢的选择器)
其它的一些关于插件的知识大家可以自己去查阅相关资料。这里就直接开始讲了。
这里是使用的第一种插件类型,先分析下具体的编写思路。
1.使用鼠标右键事件后,将禁止所有的系统右键菜单功能
2.绑定鼠标右键事件后,实际是触发鼠标按下事件。
3.通过if来判断,如果按下的是右键则执行参数,这个参数只能是函数。如果不是右键则不执行。
相信讲到这里,对jquery很熟悉的也明白要怎么做了。
jquery事件机制扩展插件 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);

Javascript 相关文章推荐
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
jquery操作select option 的代码小结
Jun 21 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
javascript控制台详解
Jun 25 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
查看源码的工具 学习jQuery源码不错的工具
Dec 26 #Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 #Javascript
非常有用的40款jQuery 插件推荐(系列二)
Dec 25 #Javascript
JS代码优化技巧之通俗版(减少js体积)
Dec 23 #Javascript
关于跨站脚本攻击问题
Dec 22 #Javascript
js DOM的学习笔记
Dec 22 #Javascript
jquery 年会抽奖程序
Dec 22 #Javascript
You might like
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
PHP小技巧之函数重载
2014/06/02 PHP
PHP页面输出搜索后跳转下一页的处理方法
2016/09/30 PHP
php数组指针操作详解
2017/02/14 PHP
常用简易JavaScript函数
2009/04/09 Javascript
Ruffy javascript 学习笔记
2009/11/30 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
javascript代码实现简易计算器
2021/01/25 Javascript
Python之os操作方法(详解)
2017/06/15 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
Python实现两个list求交集,并集,差集的方法示例
2018/08/02 Python
python 实现UTC时间加减的方法
2018/12/31 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
PyQt QListWidget修改列表项item的行高方法
2019/06/20 Python
python获取Pandas列名的几种方法
2019/08/07 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
html5唤起app的方法
2017/11/30 HTML / CSS
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
《鱼游到了纸上》教学反思
2014/02/20 职场文书
数字化校园建设方案
2014/05/03 职场文书
2014年科协工作总结
2014/12/09 职场文书
内勤岗位职责
2015/02/10 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers