一.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 按一次键后触发
- 表单事件
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 键盘事件和鼠标事件,按下哪个键做了一个总结
网友评论