mousedown是什麼事件
- (*-*)浩原創
- 2019-06-22 11:21:5710172瀏覽
mousedown
當滑鼠指標移到元素上方，並按下滑鼠按鍵（左、右鍵皆可）時，會發生mousedown事件。
與click事件不同，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教程欄位進行學習！
以上是mousedown是什麼事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：計算機指令的基本概念下一篇：計算機指令的基本概念