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 相关文章推荐
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Jan 13 Javascript
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
微信小程序 开发工具快捷键整理
Oct 31 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
vue使用swiper实现左右滑动切换图片
Oct 16 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
菜鸟修复电子管记
2021/03/02 无线电
Home Coffee Roasting
2021/03/03 咖啡文化
CodeIgniter基本配置详细介绍
2013/11/12 PHP
php用xpath解析html的代码实例讲解
2019/02/14 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
测试你的JS的掌握程度的代码
2009/12/09 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
js贪吃蛇游戏实现思路和源码
2016/04/14 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
python数据化运营的重要意义
2019/11/25 Python
使用Python实现分别输出每个数组
2019/12/06 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
详解python metaclass(元类)
2020/08/13 Python
python利用faker库批量生成测试数据
2020/10/15 Python
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
C和C++经典笔试题附答案解析
2014/08/18 面试题
远程教育心得体会
2014/01/03 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
安全标兵事迹材料
2014/08/17 职场文书
营销经理工作检讨书
2014/11/03 职场文书
六年级学生评语大全
2014/12/26 职场文书
寒山寺导游词
2015/02/03 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
西游降魔篇观后感
2015/06/15 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
初中班主任心得体会
2016/01/07 职场文书