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
网友评论