11.jQuery事件的总结

一.jQuery事件
jQuery调用事件的格式:
$(selector).event(callback)
$(selector): 选择器
event : 就是调用的事件,比如点击click事件...
callback : 代表回调函数,即事件被触发后执行的函数

jQuery能够绑定的事件包括: $('span').click(function(event){})
1.鼠标事件:
click 鼠标单击时触发
dblclick 鼠标双击时触发
mouseenter 鼠标进入时触发(不支持冒泡)
mouseleave 鼠标移开时触发(不支持冒泡)
mouseover 鼠标进入时触发(支持冒泡)
mouseout 鼠标移开时触发(支持冒泡)
mousemove 鼠标在DOM内部移动时触发
mousedown 按下鼠标时触发
mouseup 松开鼠标时触发
hover 鼠标进入和退出时触发

2.键盘事件,键盘事件作用在当前焦点的DOM上,通常<input>和<textarea>
keydown 键盘按下时触发
keyup 键盘松开时触发
keypress 按一次键后触发

  1. 表单事件
    focus 当表单获得焦点时触发(不支持冒泡)
    blur 当表单失去焦点时触发(不支持冒泡)
    focusin 当表单获得焦点时触发(支持冒泡)
    focusout 当表单失去焦点时触发(支持冒泡)
    change 当内容发生改变时触发
    select 当选中输入内容时触发
    submit 提交表单时触发(注意,只能绑定在<form>元素上)

4.文档加载
ready 当页面被载入并且DOM树完成初始化后触发
注意:ready仅用于document对象

二.jQuery事件对象
event : 事件对象

event.currentTarget 发生事件的DOM元素 this是指向

event.data 发生事件的时候传递过来的那个对象的值

event.isDefaultPrevented() 判断阻止默认行为的事件是否发生过

event.isImmediatePropagationStopped() 判断阻止捕获和冒泡的事件是否发生过

event.isPropagationStopped() 判断是否阻止过事件的冒泡

event.namespace 事件的命令空间

event.preventDefault() 阻止事件的默认行为

event.relatedTarget 在事件中涉及的其他任何DOM元素

event.result 事件触发的时候的返回值

event.stopImmediatePropagation() 阻止剩余的事件和冒泡

event.stopPropagation() 阻止事件的冒泡

event.target 触发事件的DOM元素

event.timeStamp 事件发生的时间距离1970年的时间

event.type 事件的类型

event.which 键盘事件和鼠标事件,按下哪个键做了一个总结

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

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,646评论 2 10
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,386评论 0 8
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,310评论 0 6
  • 7 索引 索引是用于提升数据库性能的重要设计要素,它可以明显地加速数据检索过程(增删改查): 避免表扫描。 不访问...
    游泳的熊阅读 886评论 0 0
  • 本文章转载于搜狗测试 前言 每周五的搜狗团队建设系列又开始了~ 今天介绍的是如何提高团队稳定性? 用一句话概括:优...
    夜境阅读 9,603评论 1 4