新闻§资讯NEWS

jquery鼠标事件

作者:万广互联 来源:本站 浏览数:4204 发布时间:2011-5-26 23:34:21

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件,

包括点击,双击,移动等鼠标事件

click事件:jquery中的click事件是最常用的一个事件了,就是猛击鼠标左键
1 $("sel").click(function(){ 

2 alert('哈哈 !'); 

3 });
dbclick事件:鼠标双击事件是用户迅速猛击两次以后触发的事件..,一般双击事件的同时也会触发两次click事件。。以前我写过一篇博客简单的介绍了下jQuery的鼠标双击事件
1 $('p').dbclick(function(){ 

2 alert('鼠标双击!'); 

3 }); 

4 $('p').click(function(){ 

5 alert('点击了一下!'); 

6 }); 

7 //大家看看结果是怎么样的?
mousedown事件:mousedown就是在按下鼠标时触发的事件
1 $('p').mousedown(function(){ 

2 alert('按下了鼠标 !'); 

3 });
mouseup事件:同上就是松开鼠标时候触发的事件,如果在于按下鼠标的相同元素上松开,那么也会触发click事件,mousedown和mouseup事件一般有在div拖拽等效果中
1 $('p').mouseup(function(){ 

2 alert('鼠标起来了 !'); 

3 }).click(function(){ 

4 alert('点击了下鼠标!'); 

5 });
mouSEOver事件:mouSEOver事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性
mouSEOut事件:mouSEOut事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。
mouseenter事件:和mouSEOver事件类似,但两者有区别
mouserleaver事件:同上和mouSEOut事件类似.
hover事件:其实hover事件内部就是使用了mouseenter和mouseleaver事件,我们可以使用jQuery的hover这个函数来代替上面的两个函数
1 $('p').hover(function(){ 

2 alert('这个function里放mouseenter 的事件!'); 

3 },function(){ 

4 alert('这里是mouseleaver function!'); 

5 });
这里我们没有鼠标右键事件?其实使用jQuery的mousedown事件然后再函数里判断就OK了

 

本文作者:万广互联

本文地址:http://www.wang0214.com/news/98.html

版权所有 转载时必须以连接形式注明作者和原始出处

已有0条评论,点击发表评论最新评论

发表评论

验证码: 点击切换验证码 看不清楚?
深圳品牌网站建设咨询热线:15013631202
150 1363 1202
158 1685 8308
深圳网站制作公司