jquery中事件和事件对象

2016-11-26  本文已影响0人  5a4982b9b5fe

1.加载文档事件

jquery工具函数

[1]$(document).ready()

[2]$.holdReady(bool)暂停或者恢复ready事件

2.鼠标事件

【1】click()

当鼠标左键按下,然后在抬起鼠标左键才算完成一次click事件

$('p').click(function(){});

【2】dblclick()双击左键弹跳出

【3】focusin()获得焦点事件

[4]focusout失去焦点事件,可作用于父集

[5]mousedown鼠标按下

[6]mouseup鼠标事件弹起

[7]mousemove()鼠标移动事件获取当前鼠标的坐标

[8]mouseover是鼠标进入事件,移动到个元素会发生的事件


[9]mouseout()鼠标离开事件

[10]mouseenter()鼠标进入事件

[11]mouseleave()鼠标离开事件

[12]hover()同时绑定mouseenter和mouseleave事件


[10]和[11]是阻止冒泡的鼠标的进入和离开事件


3.键盘事件

【1】keydown(),keypress()键盘按下的事件

【2】keyup()键盘弹起的事件 键盘按键起来的时候才会触发

4.表单事件----一般表单元素才有这个事件

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

focus获得焦点事件---也就是点击触发它

blur()失去焦点事件

change()当有focus事件里面的值有改变的时候并且出发了blur事件才算完成一次change事件

select事件选中之后鼠标按中再次抬起才会触发内部的事件

submit()多用于验证表单操作事件

5.浏览器事件

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

scroll()浏览器滚动条移动时发生的事件

erro 图片显示不出来,消除掉红叉

7.事件对象

【1】event.pageX获取鼠标相对于文档的x轴坐标

【2】event.pageY获取鼠标相对于文档Y轴坐标

【3】event.preventDefault()阻止浏览器默认的行为

这样不会有跳转

【4】event.stopPropagation()阻止冒泡

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

【6】trigger()事件,模拟事件的发生

$('a').click(function(){

//alert('我被点击了');

//});

//$('a').mouseover(function(){

//alert('鼠标已经进入');

//});

//自动执行dom元素的方法,只能执行一个函数

//$('a').trigger('click');

【7】triggerHandler()事件,模拟事件的发生,能够阻止冒泡

8.事件目标

[1]event.target

上一篇下一篇

猜你喜欢

热点阅读