美高梅网址:jquery鼠标右键事件,jQuery响应鼠标
分类:美高梅游戏官网网站

分享下jQuery如何隐蔽和呈现 input 暗中认可值的事例。

禁止鼠标右键:

jquery其实自身的事件机制就很周详了,包含了单击,双击,鼠标移入,鼠标移出等。不过却少了三个做事件。正是鼠标右击事件。当然大家也是一向用侦听鼠标按下事件,然后通过if来判断实施相应的函数。变成鼠标右击事件的功效。
不过那不是自家想要的,小编想要的就好像那么些事件能够跟别的事件譬如单击事件一样。能够被方便的施用,而无需每一趟都去看清。这里通过编制jquery插件的样式扩张,让那几个艺术能够一贯动用$().rightClick();来采纳。
jQuery的插件首要分3种类型
1.封装对象方法的插件
(这种插件是将目的封装起来,用于对经过选取器获取的目的开展操作,也正是此处要求选取的艺术)
2.封装全局函数的插件
(能够将独立的函数参预到jquery的命名空间下)
3.选取器插件
(即便jquery的选拔器已经很强劲了,但要么会要求扩超越四分之一谈得来喜好的选用器)
其它的局地有关插件的文化大家可以协和去查占卜关资料。这里就一贯开首讲了。
此处是运用的第一种插件类型,先分析下实际的编写思路。
1.使用鼠标右键事件后,将禁止全部的种类右键菜单效率
2.绑定鼠标右键事件后,实际是触发鼠标按下事件。
3.由此if来决断,要是按下的是右键则进行参数,那个参数只可以是函数。倘诺不是右键则不施行。
信任讲到这里,对jquery很熟识的也驾驭要如何做了。
美高梅网址 1

因为近期技巧发展缓慢,也没高手带,只好靠自身了,所以想仿个WEBQQ来磨炼下团结。做事先最佳先把须求的东西筹划好。jquery其实本人的平地风波机制就很周密了,包罗了单击,双击,鼠标移入,鼠标移出等。可是却少了二个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后经过if来判断实行相应的函数。产生鼠标右击事件的功效。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>
$(document).ready(function(){
 $(document).bind("contextmenu",function(e){
   return false;
 });
});

jquery事件机制增加,jquery鼠标右键事件。

可是那不是自己想要的,笔者想要的就像那一个事件能够跟别的事件举个例子单击事件同样。可以被方便的施用,而无需每一趟都去看清。这里通过编写制定jquery插件的样式扩张,让那一个格局能够向来利用$().rightClick();来使用。

您恐怕感兴趣的文章:

  • JQuery入门——事件切换之hover()方法运用介绍
  • JQuery入门——事件切换之toggle()方法运用介绍
  • 选择JS或jQuery模拟鼠标点击a标签事件代码
  • jQuery 鼠标经过(hover)事件的延时处理示例
  • jquery事件机制扩大插件 jquery鼠标右键事件
  • jquery鼠标停止活动事件
  • jQuery完成单击和鼠标感应事件
  • jquery 禁止鼠标右键并监听右键事件
  • jquery事件机制扩大插件 jquery鼠标右键事件。
  • jQuery鼠标事件下结论
  • jquery模拟完结鼠标指针结束运动事件
  • jQuery完成鼠标移入移出事件切换功用示例

监听右键事件:

复制代码 代码如下:

jQuery的插件主要分3连串型

$(function(){
$('a').mousedown(function(e){
alert(e.which) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键
return false;//阻止链接跳转
})
})
如
$('#downwps2010').mousedown(function(e){
if(3 == e.which){
alert('这 是右键单击事件');
}else if(1 == e.which){
alert('这 是左键单击事件');
}
})

/*鼠标右键插件*/
(function($) {
$.fn.extend({
//定义鼠标右键方法,接收二个函数参数
"rightClick":function(fn){
//调用这么些措施后将禁止系统的右键菜单
$(document).bind('contextmenu',function(e){
return false;
});
//为这几个指标绑定鼠标按下事件
$(this).mousedown(function(e){
//假诺按下的是右键,则推行函数
if(3 == e.which){
fn();
}
});
}
});
})(jQuery);

1.封装对象方法的插件

以上正是本文的全体内容,希望本文的剧情对大家的求学也许干活能带动一定的帮手,同有的时候候也指望多多帮助脚本之家!

您大概感兴趣的篇章:

  • JQuery入门——事件切换之hover()方法应用介绍
  • JQuery入门——事件切换之toggle()方法运用介绍
  • 行使JS或jQuery模拟鼠标点击a标签事件代码
  • jQuery 鼠标经过(hover)事件的延时管理示例
  • jquery事件机制扩张插件 jquery鼠标右键事件
  • jquery鼠标甘休运动事件
  • jQuery达成单击和鼠标感应事件
  • jquery 禁止鼠标右键并监听右键事件
  • jQuery响应鼠标事件并逃匿与展示input暗中认可值
  • jQuery鼠标事件下结论
  • jquery模拟完结鼠标指针结束活动事件
  • jQuery完成鼠标移入移出事件切换功效示例

(这种插件是将对象封装起来,用于对由此选取器获取的靶子开展操作,也便是这里须求使用的秘诀)

您只怕感兴趣的小说:

  • JQuery入门——事件切换之hover()方法应用介绍
  • JQuery入门——事件切换之toggle()方法运用介绍
  • 应用JS或jQuery模拟鼠标点击a标签事件代码
  • jQuery 鼠标经过(hover)事件的延时管理示例
  • jquery事件机制扩充插件 jquery鼠标右键事件
  • jquery鼠标甘休运动事件
  • jQuery达成单击和鼠标感应事件
  • jQuery响应鼠标事件并逃匿与展现input私下认可值
  • jquery事件机制扩张插件 jquery鼠标右键事件。
  • jQuery鼠标事件下结论
  • jquery模拟达成鼠标指针停止活动事件
  • jQuery实现鼠标移入移出事件切换功效示例

2.封装全局函数的插件

(能够将独自的函数参加到jquery的命名空间下)

3.采用器插件

(固然jquery的采取器已经很有力了,但要么会必要扩超越八分之四和睦喜欢的选拔器)

另外的片段关于插件的知识我们能够友善去查看有关材料。这里就直接开头讲了。

此地是应用的首先种插件类型,先分析下实际的编写制定思路。

1.选取鼠标右键事件后,将禁止全体的体系右键菜单功效

2.绑定鼠标右键事件后,实际是触发鼠标按下事件。

3.通过if来剖断,固然按下的是右键则施行参数,这些参数只可以是函数。假使不是右键则不实践。

相信讲到这里,对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);

复制代码 代码如下:

$(document).ready(function(e){
$("body").rightClick(function()(alert("右键单击")));
});

jquery事件机制增添,jquery鼠标右键事件。
运用办法跟别的事件同样

你只怕感兴趣的文章:

  • JQuery入门——事件切换之hover()方法运用介绍
  • JQuery入门——事件切换之toggle()方法应用介绍
  • 动用JS或jQuery模拟鼠标点击a标签事件代码
  • jQuery 鼠标经过(hover)事件的延时管理示例
  • jquery鼠标甘休活动事件
  • jQuery实现单击和鼠标感应事件
  • jquery 禁止鼠标右键并监听右键事件
  • jQuery响应鼠标事件并隐藏与体现input默许值
  • jquery事件机制扩大插件 jquery鼠标右键事件。
  • jQuery鼠标事件下结论
  • jquery模拟完成鼠标指针结束运动事件
  • jQuery实现鼠标移入移出事件切换功效示例

本文由美高梅网址发布于美高梅游戏官网网站,转载请注明出处:美高梅网址:jquery鼠标右键事件,jQuery响应鼠标

上一篇:没有了 下一篇:jQuery控制TR显示隐藏的三种常用方法,隐藏div的几
猜你喜欢
热门排行
精彩图文