芝麻酱拌菜花的做法:jquery鼠标事件_ jQuery_ 前端开发
来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 08:00:14
jquery鼠标事件
2010-08-11 10:26:18.0有627人喜欢这篇文章鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件,
包括点击,双击,移动等鼠标事件
- click事件:jquery中的click事件是最常用的一个事件了,就是猛击鼠标左键 view source print?
1
$(
"sel"
).click(
function
(){
2
alert(
'哈哈 !'
);
3
});
- dbclick事件:鼠标双击事件是用户迅速猛击两次以后触发的事件..,一般双击事件的同时也会触发两次click事件。。以前我写过一篇博客简单的介绍了下jQuery的鼠标双击事件 view source print?
1
$(
'p'
).dbclick(
function
(){
2
alert(
'鼠标双击!'
);
3
});
4
$(
'p'
).click(
function
(){
5
alert(
'点击了一下!'
);
6
});
7
//大家看看结果是怎么样的?
- mousedown事件:mousedown就是在按下鼠标时触发的事件 view source print?
1
$(
'p'
).mousedown(
function
(){
2
alert(
'按下了鼠标 !'
);
3
});
- mouseup事件:同上就是松开鼠标时候触发的事件,如果在于按下鼠标的相同元素上松开,那么也会触发click事件,mousedown和mouseup事件一般有在div拖拽等效果中 view source print?
1
$(
'p'
).mouseup(
function
(){
2
alert(
'鼠标起来了 !'
);
3
}).click(
function
(){
4
alert(
'点击了下鼠标!'
);
5
});
- mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性
- mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。
- mouseenter事件:和mouseover事件类似,但两者有区别
- mouserleaver事件:同上和mouseout事件类似.
- hover事件:其实hover事件内部就是使用了mouseenter和mouseleaver事件,我们可以使用jQuery的hover这个函数来代替上面的两个函数 view source print?
1
$(
'p'
).hover(
function
(){
2
alert(
'这个function里放mouseenter 的事件!'
);
3
},
function
(){
4
alert(
'这里是mouseleaver function!'
);
5
});
这里我们没有鼠标右键事件?其实使用jQuery的mousedown事件然后再函数里判断就OK了
前端开发, jQuery 鼠标事件文章作者:POPO4J
本文地址:http://www.popo4j.com/jquery/jquery_mouse_events.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!
或许你会感兴趣的文章 more...
- jquery鼠标双击事件dblclick()
- jQuery事件机制
- jquery 键盘事件
- jquery如何绑定事件
- jQuery的事件绑定命名空间
- jQuery替换element元素上已经绑定的事件
- 浏览器事件检测
- JavaScript切换绑定事件
- 浏览器事件嗅探技术
- javascript事件系统的发展史
jquery鼠标事件_ jQuery_ 前端开发
jquery鼠标事件
web前端开发工程师
WEB前端开发- 专注前端开发,关注用户体验
Web前端开发规范文档
web前端开发必备工具推荐
搜索引擎的特殊用法 | 崔凯,前端开发
Web前端开发中的MCRV模式
jQuery插件开发 - 其实很简单
8个优秀的jQuery Mobile 教程 - Web前端 - ITeye新闻
三. jQuery中的事件和动画
CSS:移动网站开发的前端技术和技巧
JQuery
让VB开发环境支持鼠标滚轮
在IE下使用Firebug的简单功能 – WEB前端开发
QTP录制鼠标右键单击事件
用鼠标写毛笔字!!!! _
设计字体的选择:英文网页字体_界面设计_前端技术
精选30个国外优秀的CSS技术和实例【翻译】_raozou:专注于Web前端开发&&互联网...
JQuery触发Checkbox的change事件 - 维子的日志 - 网易博客
帅!20种最有个性鼠标造型_
一步一步学Silverlight 2系列(4.0):鼠标事件处理
jquery trigger
jquery插件