因为最近技术长进缓慢,也没高手带,只能靠自己了,所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。
但是这不是我想要的,我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用,而不需要每次都去判断。这里通过编写jquery插件的形式扩展,让这个方法可以直接使用$().rightClick();来使用。
jQuery的插件主要分3种类型
1.封装对象方法的插件
(这种插件是将对象封装起来,用于对通过选择器获取的对象进行操作,也就是这里需要用到的方法)
2.封装全局函数的插件
(可以将独立的函数加入到jquery的命名空间下)
3.选择器插件
(虽然jquery的选择器已经很强大了,但还是会需要扩展一些自己喜欢的选择器)
其它的一些关于插件的知识大家可以自己去查阅相关资料。这里就直接开始讲了。
这里是使用的第一种插件类型,先分析下具体的编写思路。
1.使用鼠标右键事件后,将禁止所有的系统右键菜单功能
2.绑定鼠标右键事件后,实际是触发鼠标按下事件。
3.通过if来判断,如果按下的是右键则执行参数,这个参数只能是函数。如果不是右键则不执行。
相信讲到这里,对jquery很熟悉的也明白要怎么做了。
jquery事件机制扩展,jquery鼠标右键事件。
1 /*鼠标右键插件*/
2 (function($) {
3 $.fn.extend({
4 //定义鼠标右键方法,接收一个函数参数
5 "rightClick":function(fn){
6 //调用这个方法后将禁止系统的右键菜单
7 $(document).bind('contextmenu',function(e){
8 return false;
9 });
10 //为这个对象绑定鼠标按下事件
11 $(this).mousedown(function(e){
12 //如果按下的是右键,则执行函数
13 if(3 == e.which){
14 fn();
15 }
16 });
17 }
18 });
19
20 })(jQuery);
jquery事件机制扩展,jquery鼠标右键事件。
使用方法跟其它事件一样
原创非首发,首发自21cpu
原文地址
分享到:
相关推荐
jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数。造成鼠标右击事件...
jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数。造成鼠标右击事件...
改版本是“使用JQUERY 自创的自定义右键菜单插件 ”的重大改进,原始版本不再使用! 可以对表格,列表,或者单个DOM容器进行右键绑定 菜单项的文字、图标样式,调用方法均可自定义,图标样式定义更为灵活 菜单中分隔...
jQuery可扩展的网页右键菜单实例,在网页的指定区域弹出右键菜单,其风格十分清新简洁,如示例图所示,在文字提示区域点击鼠标右键,即可显示出菜单,在演示页面中,你可以自定义右键菜单的文字内容和链接地址。...
改版本是“使用JQUERY 自创的自定义右键菜单插件 ”的重大改进,原始版本不再使用! 可以对表格,列表,或者单个DOM容器进行右键绑定 菜单项的文字、图标样式,调用方法均可自定义,图标样式定义更为灵活 菜单中分隔...
语言:English (United States) ...您可以右键单击一个函数并转到“显示函数定义”,或将鼠标悬停在DOM节点上以在文档中突出显示它,也可以右键单击它以在“元素面板中显示”。 https://github.com/zertosh/jquery-audit
《jQuery攻略》对使用jQuery过程中遇到的各类问题给出了解决方案,比如,如何使用jQuery框架、CSS选择器、DOM、事件处理、动画效果,以及如何开发Ajax应用程序、如何使用jQuery工具函数、如何使用插件扩展jQuery。...
在页面的任何元素上单击鼠标右键时,您将获得该元素的唯一选择器代码。 此代码将显示在固定的弹出窗口中。 收到选择器代码后,可以将其保存到剪贴板,然后将其粘贴到iGuider插件初始化代码中。 弹出窗口可以移动到...
打开应用程序,将鼠标悬停在您不想看到的元素上,按住'ctrl'键并右键单击! 版本1.3简化的界面。 使用扩展程序图标启用或禁用。 启用后:按住“ ctrl”,然后右键单击要删除的页面元素。 修复了iframe删除删除了...
通过在SDC图标上单击鼠标右键或从Google chrome扩展菜单中,您可以看到SDC的选项视图。 请选中“启用”复选框以了解您的首选行为。 如果您选中“为任何搜索强制设置用户”复选框,并且Google搜索结果日期范围与您...
注意•此扩展使用不带jQuery之类库的原始JavaScript来提高性能 (“选项”页面的确使用jQuery。)•并未编写Wizmage来节省带宽-后台加载了许多图像。这对于确定它们是真实图像还是图标很有必要 •无法添加家长控制,...
语言:English 简单填充表单。有史以来最简单且最简单的填充物。...更改日志:============v2.0.6 - 固定断开链接v2.0.5 - 更新了jQuery版本到3.2.1并从背景中删除jQueryv2.0.3 - 添加的导出/导入功能 添加选项以
只需在链接内设置光标,然后单击鼠标右键即可。 如果url有效,则可以看到“打开”菜单项。 版本0.18:从网页复制链接的注释,并固定框架。 有关同步的一些其他信息已添加到扩展程序图标。 0.17版:现在,当过滤器...
方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数,例: $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明:两种初始化方法只能选择其中一种使用,如果...
顶级功能:-完全免费-只需单击鼠标右键即可获得各种信息-预览图像详细信息-支持300多个摄像头-直方图或RGB颜色重构-将exif信息自动复制到剪贴板-共享重要更新的通知-其他功能即将推出…-99%的网站不受影响。...
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...