cari

Rumah >hujung hadapan web >tutorial js >jQuery：mousedown事件的使用与定义

jQuery：mousedown事件的使用与定义

黄舟
黄舟asal
2017-06-28 09:12:181612semak imbas

概述

在每一个匹配元素的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 事件时运行的函数。

Atas ialah kandungan terperinci jQuery：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：如何使用JavaScript构造函数？Artikel seterusnya：jQuery.mousedown()函数的具体应用详解

Artikel berkaitan

Lihat lagi