首頁 >web前端 >js教程 >jQuery：mousedown事件的使用與定義

jQuery：mousedown事件的使用與定義

黄舟原創: 2017-06-28 09:12:181606瀏覽

概述

在每一個符合元素的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>

實例2

把滑鼠移動本段落上啟動按鈕的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)

##描述

#參數

#### ##function#########可選。規定發生 mousedown 事件時運行的函數。 ############

以上是jQuery：mousedown事件的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何使用JavaScript構造函數？下一篇：如何使用JavaScript構造函數？

看更多