jQuery中的事件和事件对象

1.加载文档事件

$(document)ready();$.holdReady(bool)【jQuery的工具函数】 暂停或恢复ready事件

2.鼠标事件

click()单击左键事件  //当鼠标左键按下,然后抬起鼠标左键,才算完成一次click事件

dblclick()双击左键事件   //一般情况下用不到,在某些特别功能下才会有用

focusin()获得焦点事件,可用于父级

focusout()失去焦点事件,可作用于父级

mousedown()鼠标按下事件,和click()有区别

mouseup()鼠标抬起事件

mousemove()鼠标移动事件

mouseover()鼠标进入事件

mouseout()鼠标离开事件

mouseleave()鼠标离开事件

-hover()同时绑定mouseenter和mouseleave事件

3.键盘事件

.keydown()键盘按下事件

.keyup()键盘拿起事件

keypress()类似 与keydown()但有区别

4.表单事件

focus()获得焦点事件//在表单元素中才有

blur()失去焦点事件

select()表单元素被选中时的事件,只能用于input[text]和textare

submit()表单提交事件

5.浏览器事件

resize() 浏览器窗口改变大小事件

scoll()浏览器滚动条移动是发生的事件

6.事件对象

event.pageX获取鼠标相对于文档的X轴坐标

event.pageY获取鼠标相对于文档的Y轴坐标

event.preventDefault()阻止浏览器默认行为

off

event.stopPropagation()阻止冒泡

event.which监听键盘输入和鼠标操作

7.绑定和移除事件的方法

bind()绑定事件

unbind()移除事件

on()绑定事件

off()移除事件

one()执行一次事件,然后销毁该事件

delegate()虽然未被废弃,但官方推荐使用on()代替

undelegate()用off代替

9.事件冒泡(略)

10.事件命名空间

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,529评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,046评论 0 6
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,188评论 0 8
  • 1.加载文档事件 jquery工具函数 [1]$(document).ready() [2]$.holdReady...
    5a4982b9b5fe阅读 2,688评论 0 0
  • 在我的理解中,父母的职责无外乎培养孩子健康阳光的心理,建立行为模式,形成思维模式。父母的角色其实可以定位成孩...
    丫丫笑语阅读 3,785评论 3 1