jQuery mousedown与mouseup的使用说明
摘要: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('您的鼠标按下了哦');
});
});
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('对不起啊,我松开了,你还好吧?');
});
});
运行效果如截图:
如有问题,欢迎探讨啊!