事件捕获

一.事件

1.ready()当HTML文档加载完成时触发.$(document).ready(function(){alert("The DOM is ready")});

2.load()所有组件加载完成时触发,例子:图片预加载.

3.unload()窗口关闭或打开新页面.

4.resize()当用户改变浏览器窗口大小时.

5.scroll()当用户滚动窗口时.

6.error()当HTTP请求遇到错误时,例子:显示备用图片

二.事件代理(绑定父元素,等DOM冒泡后执行)

1. .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()当一个键弹起时