概述
在每一個符合元素的mousedown事件中綁定一個處理函數。
mousedown事件在滑鼠在元素上點擊後會觸發
參數
#fnFunctionV1.0
在每一個符合元素的mousedown事件中綁定的處理函數。
[data],fnString,FunctionV1.4.3
data:mousedown([Data], fn) 可傳入data供函數fn處理。
fn:在每一個符合元素的mousedown事件中綁定的處理函數。
範例
描述:
當按下滑鼠按鈕時,隱藏或顯示元素:
jQuery 程式碼:
$("button").mousedown(function(){ $("p").slideToggle(); });
實例1
當按下滑鼠按鈕時,隱藏或顯示元素:
<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>
把滑鼠移動本段落上啟動按鈕的mousedown 事件
<span style="font-weight: normal;"><span style="font-weight: normal;"><html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); }); $("#mousePara").mouseover(function(){ $("button").mousedown(); }); }); </script> </head> <body> <p> <p>这是一个段落。</p> <p>这是另一个段落。</p> </p> <button>切换</button> <p id="mousePara">如果您把鼠标移动本段落上,会激活上面这个按钮的 mousedown 事件。</p> </body> </html></span><span style="font-weight: 400;"> </span></span>
當滑鼠指標移到元素上方,並按下滑鼠按鍵時,會發生mousedown 事件。
與 click 事件不同,mousedown 事件只需要按鍵被按下,而不需要放開即可發生。
mousedown() 方法觸發 mousedown 事件,或規定發生 mousedown 事件時執行的函數。
$(selector).mousedown(function)
#參數 | ##描述|
---|---|
以上是jQuery:mousedown事件的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!