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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
vue中input的v-model清空操作
Sep 06 Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 Javascript
layui内置模块layim发送图片添加加载动画的方法
Sep 23 Javascript
javascript实现前端成语点击验证
Jun 24 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 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
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
详解Vue中的Props与Data细微差别
2020/03/02 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
Python的净值数据接口调用示例分享
2016/03/15 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
python中os模块详解
2016/10/14 Python
Python检查ping终端的方法
2019/01/26 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
python logging设置level失败的解决方法
2020/02/19 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
python中常见错误及解决方法
2020/06/21 Python
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
群胜软件Java笔试题
2012/09/29 面试题
大学生写自荐信的技巧
2014/01/08 职场文书
工作失职检讨书范文
2014/01/16 职场文书
本科毕业生求职自荐信
2014/02/03 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
员工年终考核评语
2014/12/31 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
爱国主义电影观后感
2015/06/18 职场文书
小学运动会通讯稿
2015/07/18 职场文书