一.事件
1.
ready()
当HTML文档加载完成时触发.$(document).ready(function(){alert("The DOM is ready")});
2.load()
所有组件加载完成时触发,例子:图片预加载.
3.unload()
窗口关闭或打开新页面.
4.resize()
当用户改变浏览器窗口大小时.
5.scroll()
当用户滚动窗口时.
6.error()
当HTTP请求遇到错误时,例子:显示备用图片
二.事件代理(绑定父元素,等DOM冒泡后执行)
.bind(event type,event handler)
方法:$(document).ready( function(){$('.mylink').blind('click',alertMe);} );
2..live(event type,event handler)
不仅可以作用DOM当前存在,还可以作用未来可能存在(动态生成)元素,对经常动态添加元素时有用,不支持链式调用方式??需换成on.
3..delegate('.oDiv','click',function(){})
:即可处理动态生成,又支持链式调用.
三.捕获鼠标事件
1.
click
:鼠标单击释放.
2.dblclick
:双击鼠标
3.mousedown
:鼠标被按下.
4.mouseup
:鼠标释放.
5.mouseenter
:进入某一元素区域.
6.mouseleave
:离开某一区域.
7.mousemove
:在区域内移动.
8.mouseout
:离开某元素及其父元素.
9.mouseover
:进入某元素及其父元素.
使用:(.oDiv).bind('click',function())
或改变方法$('.oDIv').click(function({$('.oDiv1').toggle();});
.bind({mouseenter : function(){},mouseleave : function(){};})
键值对
应用: 实现拖动购物车添加mousedown,mouseup
,改变路径实现图片翻转mouseenter,mouseleave
四.表单事件捕获
1.
change()
表单值改变
1.focus()
文本域TAB进入或者得到焦点
1.focusin()
元素或其子元素得到焦点
1.focusout
元素或其子元素失去焦点
1.blur()
(input:text textarea)失去焦点
1.select()
元素内的文本被选中
1.submit()
表单提交或enter
1.reset()
表单使用input type="reset"
五.键盘事件捕获
1.
keydown()
当一个键被按下时
1.keypress()
当一个键被按一次或多次时
1.keyup()
当一个键弹起时