加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery鼠标变乱,附实例代码

发布时间:2018-09-01 21:10:40 所属栏目:业界 来源:站长网
导读:jQuery 除了选择器之外,还封装了许多变乱的处理赏罚,好比鼠标变乱,所谓的鼠标变乱是指用户在移动鼠标光标可能点击恣意鼠标键而触发的变乱,jQuery中封装了险些全部的鼠标变乱,包罗点击,双击,移出,移入等鼠标变乱,下面断桥残雪简朴的先容下jQuery的鼠标
jQuery除了选择器之外,还封装了许多变乱的处理赏罚,好比鼠标变乱,所谓的鼠标变乱是指用户在移动鼠标光标可能点击恣意鼠标键而触发的变乱,jQuery中封装了险些全部的鼠标变乱,包罗点击,双击,移出,移入等鼠标变乱,下面断桥残雪简朴的先容下jQuery的鼠标变乱

jQuery的click变乱
经典鼠标click的实例:

$("sel").click(function(){
alert('哈哈 !');
});
jQuery的dbclick变乱
一样平常dbclick变乱的同时也会触发两次click变乱。。早年我写过一篇博客简朴的先容了下jQuery的鼠标双击变乱

$('p').dbclick(function(){
alert('鼠标双击!');
});
$('p').click(function(){
alert('点击了一下!');
});//各人看当作果是怎么样的?

jQuery的mousedown变乱
mousedown就是在按下鼠标时触发的变乱
$(’p').mousedown(function(){
alert(’按下了鼠标 !’);
});

jQuery的mouseup变乱
同上就是松开鼠标时辰触发的变乱,假如在于按下鼠标的沟通元素上松开,那么也会触发click变乱,mousedown和mouseup变乱一样平常有在div拖拽等结果中

$('p').mouseup(function(){
alert('鼠标起来了 !');
}).click(function(){
alert('点击了下鼠标!');
});
jQuery的mouseover变乱
mouseover变乱于用户把鼠标从一个元素移动到其它一个元素上时触发,假如必要知道来自谁人元素可以行使,relatedTagrget属性

jQuery的mouseout变乱
mouseout变乱于用户把鼠标移出一个元素时触发,这包罗从父元素移动到子元素上,可能行使键盘跳到元素上。

jQuery的mouseenter变乱
和mouseover变乱相同,但两者有区别

jQuery的mouserleaver变乱
同上和mouseout变乱相同.

hover变乱
着实hover变乱内部就是行使了mouseenter和mouseleaver变乱,我们可以行使jQuery的hover这个函数来取代上面的两个函数

$('p').hover(function(){
alert('这个function里放mouseenter 的变乱!');
},function(){
alert('这里是mouseleaver function!');
});
这里我们没有鼠标右键变乱?着实行使jQuery的mousedown变乱然后再函数里判定就OK了

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读