您好,欢迎访问一九零五行业门户网

jQuery:mousedown事件的使用与定义

概述
在每一个匹配元素的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事件的使用与定义的详细内容。
其它类似信息

推荐信息