首页 >web前端 >js教程 >jQuery：mousedown事件的使用与定义

jQuery：mousedown事件的使用与定义

黄舟原创: 2017-06-28 09:12:181622浏览

概述

在每一个匹配元素的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构造函数？下一篇：jQuery.mousedown()函数的具体应用详解

查看更多