博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery基础——事件
阅读量:5154 次
发布时间:2019-06-13

本文共 1608 字,大约阅读时间需要 5 分钟。

1、click与dbclick事件

  click:单击事件

  dbclick:双击事件

  方法一:$ele.click()

  方法二:$ele.click( handler(eventObject) )

  方法三:$ele.click( [eventData ], handler(eventObject) )

  

  注意:在同一个元素同时绑定click与dbclick事件是不可取的。各个浏览器事件触发的顺序是不同的。

2、mousedown与mouseup事件

  mousedown:鼠标按下的操作

  mouseup:鼠标松开的操作

  方法一:$ele.mousedown()

  方法二:$ele.mousedown( handler(eventObject) )

  方法三:$ele.mousedown( [eventData ], handler(eventObject) )

3、mousemove事件

  mousemove:监听用户移动的操作。

4、mouseover与mouseout事件

  mouseover:移入

  mouseout:移除

5、mouseenter与mouseleave事件

  监听用户是否移动到内部的操作。

  mouseenter JaveScript事件是Internet Explorer专有的。由于该事件很有用,jQuery模拟这一事件,以便它可用于所有浏览器。该事件在鼠标移入到元素时被触发,任何HTML元素都可以接受此事件。

  mouseenter事件和mouseover的区别:

    关键点就是:冒泡的方式处理问题。

  

6、hover事件 

  

7、focusin事件

  当一个元素获取焦点时触发的事件。

  

  

8、focusout事件

  当一个元素失去焦点时触发的事件。

9、focus与blur事件

  

10、change事件

  <input><textarea><select>的值都是可以改变的,可以通过change事件去监听这些改变的动作。

  

11、select事件

  当textarea或文本类型的input元素中的文本被选择时,会发生select事件。

  注意:select事件只能用于<input>元素与<textarea>元素

12、submit事件

  

13、keydown()与keyup()事件

  键盘的按下与松手事件

14、keypress()事件

  在input元素上绑定keydown事件会发现一个问题:

    每次获取的内容都是之前输入的,当前输入的获取不到。

  

15、on()的多事件绑定

  基本用法:.on( events ,[ selector ] ,[ data ] )

  

  

16、卸载事件off()

  

  

17jQuery事件对象的作用

  事件委托

 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁

  

  

18、jQuery事件对象的属性和方法

  event.type:获取事件的类型

  event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标

  event.preventDefault() 方法:阻止默认行为

  event.stopPropagation() 方法:阻止事件冒泡

  event.which:获取在鼠标单击时,单击的是鼠标的哪个键

  event.currentTarget : 在事件冒泡过程中的当前DOM元素

  

19、trigger事件

    

 

 

转载于:https://www.cnblogs.com/yrrong/p/9223478.html

你可能感兴趣的文章
Oracle中包的创建
查看>>
关于PHP会话:session和cookie
查看>>
jQuery on(),live(),trigger()
查看>>
[Docker]Docker拉取,上传镜像到Harbor仓库
查看>>
导航,头部,CSS基础
查看>>
转负二进制(个人模版)
查看>>
LintCode-Backpack
查看>>
查询数据库锁
查看>>
我对于脚本程序的理解——百度轻应用有感
查看>>
面试时被问到的问题
查看>>
注解小结
查看>>
list control控件的一些操作
查看>>
判断字符串在字符串中
查看>>
oracle 创建暂时表
查看>>
201421410014蒋佳奇
查看>>
Xcode5和ObjC新特性
查看>>
Centos 7.0 安装Mono 3.4 和 Jexus 5.6
查看>>
CSS属性值currentColor
查看>>
Real-Time Rendering 笔记
查看>>
实验四2
查看>>