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中动态效果小结
Dec 16 Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
ztree实现权限横向显示功能
May 20 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
vue单文件组件无法获取$refs的问题
Jun 24 Javascript
js实现购物车商品数量加减
Sep 21 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
php强制下载类型的实现代码
2011/04/21 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
javascript的内存管理详解
2013/08/07 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
wxPython窗口中文乱码解决方法
2014/10/11 Python
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)
2019/03/27 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
详解Django-channels 实现WebSocket实例
2019/08/22 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
pytorch中index_select()的用法详解
2021/01/06 Python
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
安全资料员岗位职责
2013/12/14 职场文书
入党申请自荐书范文
2014/02/11 职场文书
销售顾问岗位职责
2014/02/25 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书