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 相关文章推荐
java、javascript实现附件下载示例
Aug 14 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 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
Apache设置虚拟WEB
2006/10/09 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
py文件转exe时包含paramiko模块出错解决方法
2016/08/12 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
21个值得收藏的Javascript技巧
2014/02/04 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
2014/04/02 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
javascript的函数劫持浅析
2016/09/26 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
javascript中闭包closure的深入讲解
2021/03/03 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
Python实现的ini文件操作类分享
2014/11/20 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
生产车间主管岗位职责
2013/12/28 职场文书
初三化学教学反思
2014/01/23 职场文书
学校消防演习方案
2014/02/19 职场文书
辩论赛主持词
2014/03/18 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
python字符串的一些常见实用操作
2022/04/06 Python