鼠标事件.click()、.dbclick()、.mousedown()和 .mouseup()

1   .click()用于监听用户单机操作

2   .dbclick()用于监听用户双击操作

3   $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件

4   $ele.click(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素

5   $ele.click([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素,还可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

6   .click()由mousedown和mouseup2个动作构成,所以点击的动作只有在松手后才触发

7   .dbclick()由2个click叠加而来,所以dblclick事件只有在满足以下4个条件的情况下才能被触发

鼠标指针在元素里面时点击

鼠标指针在元素里面时释放

鼠标指针在元素里面时再次点击,点击间隔时间是系统规定的

鼠标指针在元素里面时再次释放

8  在同一元素上同时绑定click和dblclick事件是不可取的 ,用户可以通过不同的操作系统和浏览器配置双击灵敏度

9   各个浏览器的触发顺序不同,一些浏览器在dblclick之前接受两个click事件,而一些浏览器只接受一个click事件

10   .mousedown()监听用户鼠标按下的操作

11   .mouseup()监听用户鼠标弹起的操作

12   $ele.mousedown()绑定$ele元素,不带任何参数,用来指定触发一个事件

13   $ele.mousedown(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作

14   $ele.mousedown([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

15   .mousedown()事件触发的要求

.mousedown()是强调按下触发

在一个元素上按住鼠标不放,拖动鼠标离开这个元素,释放鼠标键,这也是 .mousedown()事件

任何鼠标按钮被按下时都能触发 .mousedown()事件

用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

16   .mouseup()事件触发的要求

.mouseup()强调是松手触发,与.mousedown()相反

.mouseup()与.mousedown()组合起来就是click事件

在一个元素上按下鼠标按键,拖动鼠标离开这个元素,释放鼠标键,这也是.mouseup()事件

用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

任何鼠标按钮松手时都能触发.mouseup()事件

转载于:https://blog.51cto.com/lakaodekaola/2045889

JQuery事件——鼠标事件相关推荐

  1. js进阶 12-1 jquery的鼠标事件有哪些

    js进阶 12-1 jquery的鼠标事件有哪些 一.总结 一句话总结:1+3*2+1+1,其中里面有两组移入移出,一组和click,总结就是click(3个),hover(5个),mousemove ...

  2. jQuery的鼠标事件总结

    jQuery的鼠标事件总结 1.click()事件. 2.dbclick()鼠标双击事件 3.mousedown()鼠标按下事件 4.mouseup()鼠标松开事件 5.mouseover()从一个元 ...

  3. JS 事件 —— 鼠标事件

    Web前端基础 学习笔记 一.JS 事件 1.1.什么是 JS 事件 js 事件是用来获取事件的详细信息,如鼠标位置.键盘按键等. 1.2.主要分为:鼠标事件.键盘事件.表单事件 1.3.组成:on ...

  4. java 监听桌面鼠标事件,鼠标事件的监听和使用

    鼠标操作是图形操作系统最常用操作,用户使用鼠标单击,双击,右击,拖动等操作实现与软件的交互. 鼠标事件监听器 鼠标事件监听器由MouseListener接口和MouseMotionListener接口 ...

  5. Js之鼠标事件-鼠标事件

    一 .常用到的鼠标事件 类型 事件 click 单机鼠标左键时发生,如果右键也按下则不会发生 dbclick 双击鼠标左键时发生,如果右键也按下则不会发生 mousedown 单击任意一个鼠标按钮时发 ...

  6. JavaScript事件 鼠标事件

    JavaScript事件,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间. JavaScript 与 HTML 之间的交互是通过事件实现的.对于 Web 应用来说,有下面这些代 表性的事件:单击事 ...

  7. HTML DOM 事件 —— 鼠标事件 JS鼠标事件

    鼠标事件 onclick 当用户点击某个对象时调用的事件句柄. ondblclick 当用户双击某个对象时调用的事件句柄. oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发.. on ...

  8. jQuery事件-鼠标事件

    click与dbclick事件:jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dblclick方法用于监听用户双击操作,dblclick的用法和click的用法是类似 ...

  9. JS事件对象5--阻止默认事件(鼠标事件)

    阻止默认事件的两种方式和兼容方式: <script type="text/javascript">//阻止系统默认事件的两种方式://1.IE:return false ...

最新文章

  1. getitemdata中参数设置
  2. AT解析层的思路分析及代码实现
  3. Maven-学习笔记05【基础-使用骨架创建Maven的Java工程】
  4. android cursor 实例化,为什么Cursor放到带参数带返回值方法里就报错?
  5. 女朋友生气了,日常生活中该具体怎么做才好,才好女朋友开心?
  6. 学习Java的几大难题,你们都解决了吗?
  7. 基金定投十年不止赢不止损会怎么样?
  8. tensorflow之random_normal
  9. 【编译原理】自下而上语法分析(C/C++源码+实验报告)
  10. 电脑键盘部分按键失灵_键盘按键失灵,教您电脑键盘失灵怎么办
  11. 恒生电子2019校园招聘笔试题
  12. Linux系统编程学习笔记
  13. 智能车图像处理3-中线累积差值的统计
  14. u-boot启动流程分析
  15. nginx正则表达式快捷测试方法
  16. VMware ESXi 扩容后提示“无法打开虚拟机的电源,请确认该虚拟磁盘是适用“厚”选项创建的”等信息,执行VMDK 格式是 zeroedthick 还是 eagerzeroedthick
  17. MySQL 数据库基础
  18. 【NOIP2014普及组】子矩阵
  19. 旧手机文件存储服务器,用旧手机做云存储服务器
  20. 遗传算法求函数最小值(多维)1

热门文章

  1. MySQL information_schema 系统库介绍
  2. Windows:将cmd命令行添加到右键中方法
  3. PHP3.2配置文件使ini文件配置
  4. 垃圾回收算法与实现系列-Java的Class文件详解
  5. python设计模式19-观察者模式
  6. 推荐两款超实用的 gRPC 客户端调试工具
  7. java反编译源码_java反编译获取源码
  8. 螺杆真空泵安装流程图_优尼捷首推干式螺杆真空系统,应用于工业真空领域
  9. idea项目名后出现中括号别名
  10. 快速恢复检测 恢复 故障服务器方法