JQuery 鼠标事件使用汇总
一、js鼠标事件
1.单机 :左键单机、右键单机
2.双击
3.鼠标按下、鼠标松开
4.鼠标移动
5.鼠标进入、鼠标移出
6.鼠标滚轮滚动
二、JQuery鼠标事件整理
1.单机 :左键单机、右键单机
.Click():左键单机
为 JavaScript 的"click" 事件绑定一个处理器,或者触发元素上的 "click" 事件。(支持触屏的tab事件)
.contextmenu():右键单机
右键菜单按钮时间,可以拒绝右键菜单。
2.双击
.dblclick():双击触发
3.鼠标按下、鼠标松开
.mousedown():鼠标按下
.mouseup():鼠标松开
4.鼠标移动
.mousemove():鼠标移动
5.鼠标进入、鼠标移出
.mouseenter():当鼠标移入某元素时触发。
.mouselevave():当鼠标移出某元素时触发。
.mouseout():当鼠标移出某元素时触发,移入和移出其子元素时也会触发。
.mouseover():当鼠标移入某元素时触发,移入和移出其子元素时也会触发。
6.鼠标滚轮滚动
自带Jquery库不支持,有扩展库支持滚轮事件。
7.其他jquery扩展事件
.hover():将mouseenter/mouselave二个事件函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被执行。将一个单独事件函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被执行。
.toggle() :绑定两个或多个处理程序绑定到匹配的元素,用来执行在交替的点击。
三、鼠标event参数
event常用参数
- event.type:获取事件的类型,触发元素的事件类型
- event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标,可以确定元素在当前页面的坐标值,是以页面为参考点,不随滑动条移动而变化
- event.target:获取触发事件的元素
this和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
this和event.target都是dom对象,可以转换为jquery对象:$(this)和$(event.target)
- event.which:获取在鼠标单击事件中鼠标的左、中、右键(左键1,中间键2,右键3),在键盘事件中键盘的键码值
- event.currentTarget : 获取冒泡前的当前触发事件的DOM对象, 等同于this
- event.preventDefault() :阻止默认行为,可以用 event.isDefaultPrevented() 来确定preventDefault是否被调用过了
- event.stopPropagation() :阻止事件冒泡,事件是可以冒泡的,为防止事件冒泡到DOM树上,不触发任何前辈元素上的事件处理函数,可以用 event.isPropagationStopped() 来确定stopPropagation是否被调用过了
更多:
Jquery 事件绑定使用整理
JQuery图片滚动展示组件1_jCarouselLite图片滚动展示使用
jquery.fancybox图片预览组件使用整理_fancyBox3使用整理
JQuery 鼠标事件使用汇总相关推荐
- 深入学习jQuery鼠标事件
前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展.本文将详细介绍jQuery鼠标事件 类型 鼠标事件共10类,包括click.contextmenu.dblclic ...
- jQuery鼠标事件与hover事件
(作者:老薛,撰写时间:2019年5月13日) 在我学到jQuery鼠标事件,我知道了jQuery鼠标事件列表中有很多事件,它们分别是:1.click 单击事件.2.dbclick 双击事件.3.mo ...
- jquery 鼠标事件汇总
鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法 鼠标事件是在用户移动鼠标光标 ...
- jQuery鼠标事件(转)
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发. $('p').click(function ...
- 常用jquery鼠标事件和渐变动画效果
2019独角兽企业重金招聘Python工程师标准>>> 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的以下是具体事件的介绍: (1):click事件:click事件于用户 ...
- jQuery鼠标事件整理
鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法! 1.click事件:点击鼠 ...
- js中jquery鼠标事件(点击替换、鼠标移入、移出)
1.先添加三张图片 <img src="./vscode/images/1.jpg" width="300"><img src=". ...
- JQuery 键盘事件使用整理
1. Js 键盘事件 1.键盘按下,keydown,在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件 2.键盘松开,keyup,该事件仅在松开键盘时触发一次,不是一个持续的响应状态. 3.字 ...
- JQuery的事件之鼠标事件
最近在慕课网学习JQuery,然后在W3C参考相关资料(在这里感谢慕课网,感谢W3C)!样式和DOM都学完了,最近在学习事件,但是说实话很多东西真的不是很理解,手里倒是有源码,但是作为菜鸟问题就在这里 ...
最新文章
- RDKit | 基于RDKit绘制带原子索引的分子
- Silverlight 2.0 RTW 正式版发布(附下载地址)!
- Eclipse+Maven+SpringMVC+Mybatis+MySql搭建总结
- (数据结构与算法)稀疏数组案例
- iris数据_MAT之ELM:ELM实现鸢尾花(iris数据集)种类测试集预测识别正确率(better)结果对比...
- 关于HTML的盒子的一些小问题
- 挑战程序设计竞赛_我系首次参加第六届中国大学生程序设计竞赛网络预选赛
- 执行文件mysql使用source 命令乱码问题
- 连续液位测量行业调研报告 - 市场现状分析与发展前景预测
- [翻译] 使用ElasticSearch,Kibana,ASP.NET Core和Docker可视化数据
- 互补滤波系数_一阶互补滤波
- centOS7 清理系统垃圾
- 设备综合效率OEE:基于数采的OEE优化分析
- python dict conver json
- mount gives unknown filesystem type 'vboxsf' 解决方法
- 极智AI | Attention 中 torch.chunk 的 TensorRT 实现
- 如何检测分布式系统中的故障节点
- label设置自动换行的方法
- LLVM每日谈之四十一 组装一个完整的工具链
- 2021年熔化焊接与热切割找解析及熔化焊接与热切割模拟考试