Rumah  >  Artikel  >  mousedown是什么事件

mousedown是什么事件

(*-*)浩
(*-*)浩asal
2019-06-22 11:21:5710135semak imbas

mousedown

当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生mousedown事件。 

与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。

mousedown是什么事件

mouseup(推荐学习:JavaScript视频教程

当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。 

与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。

click

当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。 

注意:触发click事件的条件是按下并松开鼠标左键!,按下并松开鼠标右键并不会触发click事件。

三个事件的触发顺序

若在同一个元素上按下并松开鼠标左键,会依次触发mousedown、mouseup、click,前一个事件执行完毕才会执行下一个事件

若在同一个元素上按下并松开鼠标右键,会依次触发mousedown、mouseup,前一个事件执行完毕才会执行下一个事件,不会触发click事件

实例:当按下鼠标按钮时,隐藏或显示元素:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").mousedown(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>
</html>

更多js相关技术文章,请访问js教程栏目进行学习!

Atas ialah kandungan terperinci mousedown是什么事件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:计算机指令的基本概念Artikel seterusnya:手机定位服务在哪里打开