jQuery 事件 - mousedown() 方法

来源：互联网发布：数据库应用系统的构成编辑：程序博客网时间：2024/06/04 00:26

实例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(){    $("div").slideToggle();  });  $("#mousePara").mouseover(function(){    $("button").mousedown();  });});</script></head><body><div><p>这是一个段落。</p><p>这是另一个段落。</p></div><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 事件时运行的函数。

本文转自w3school

0 0