欢迎来到HELLO素材网!
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

jQuery mousedown与mouseup的使用说明

发表于2014-05-09 22:44| 次阅读| 来源整理| 作者管理员

摘要:jQuery的mouse事件主要包括mousedown(),mouseup(),mouseenter(),mouseleave(),mouseover(),mouseout(),mousemove(),今天我们详细的表一表这些时间的使用情况。 1.mousedown() 当鼠标指针移动到元素上方,并按下鼠
jQuery的mouse事件主要包括mousedown(),mouseup(),mouseenter(),mouseleave(),mouseover(),mouseout(),mousemove(),今天我们详细的表一表这些时间的使用情况。
1.mousedown()
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。
mousedown(function) function可选。规定当发生 mousedown 事件时运行的函数。
HTML:
<input type='button' value='点击' />
js:
$(function(){
$('input').mousedown(function(){
alert('您的鼠标按下了哦');
});
});

运行效果如截图:


2.mouseup()
当在元素上放松鼠标按钮时,会发生 mouseup 事件。与 click 事件不同,mouseup 事件仅需要放松按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。
mouseup(function) function可选。规定当发生 mouseup 事件时运行的函数。
HTML:
<input type='button' value='点击' />
js:
$(function(){
$('input').mouseup(function(){
alert('对不起啊,我松开了,你还好吧?');
});
});
运行效果如截图:

如有问题,欢迎探讨啊!