jQuery 事件 - mousedown() 方法
2016-05-13 21:58
661 查看
jQuery 事件 - mousedown() 方法
当按下鼠标按钮时,隐藏或显示元素:
把鼠标移动本段落上激活按钮的 mousedown 事件
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。
mousedown() 方法触发 mousedown 事件,或规定当发生 mousedown 事件时运行的函数。
本文转自w3school
实例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 事件时运行的函数。 |
相关文章推荐
- 用jQuery实现轮播banner
- click.xxx事件触发,参考jquery源码
- 一个jquery tooltip plugin
- jquery下载保存文件
- 用jQuery实现读取checkbox所有已选项的value值
- 用原生javascript写出jquery中slideUp和slideDown效果
- jquery------.resizable()的使用
- jQuery 操作Cookie 存储 读取 删除等
- jquery------.mouseover()和.mouseout()的高级效果使用
- 【B/S】引用Google或微软的CDN加载jQuery
- jquery 选择器
- 【笔记】 《js权威指南》- 第19章 JQuery类库 - 19.2 JQuery getter setter
- 【B/S】jQuery简介及语法
- jquery中的each用法以及js中的each方法实现实例
- 利用jquery制作滚动到指定位置触发动画
- jquery选择器篇
- 原生js和jquery分别实现横向导航菜单效果
- 实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
- 利用jQuery对插件进行扩展时,方法$.extend()、$.fn.extend()区别与联系
- 基于jquery插件实现拖拽删除图片功能