Jquery 事件篇

1：.click()
1.1 ele.click()绑定ele元素，不带任何参数一般用指定触发一个事件
例：$(“#test”).click(function(){ alert(this);})

1.2 ele.click(handler(eventObject))绑定ele元素触发点击操作会执行回调handler函数，方法中的this是指向了绑定事件的元素
$(“#test”).click(function(){//this指向div元素})；

1.3 $ele.click([eventData],handler(eventObject))
eg:

 $("#test").click(1111,function(e){//this 指向div元素   //e.date=>1111  传递数据})；

2：.hover()
语法：$(selector).hover(handlerIn,handlerOut)
.handlerIn(eventObject) 当鼠标指针进入元素时触发执行的事件函数
.handlerOut(eventObject) 当鼠标指针离开元素时触发执行的事件函数

表单事件
3：表单事件之blur与focus事件 【前者是失去焦点，后者是获得焦点】

4：.change() 改变动作，【将其内容改变，才会触发事件发生】
例：

$("div").change(function(e){$("result").text($("input").attr("value"));});

5：.select() 触发元素额select事件
ele.select(handler(eventObject))绑定ele元素
例：
$(“#text’).select(function(){//this指向input元素})；

$ele.select([eventData],handler(eventObject))
例：

$(“#test”).select(1111,function(e){//this 指向div元素 //e.data=>1111 传递数据})；

6：submit() 提交
ele.submit()绑定ele元素，用来触发一个事件
$ele.submit(handler(eventObject))

$ele.submit([eventData],handler(eventObject))

键盘事件
7：keydown() 当用户第一次在一个元素上按下键盘上的字母键时，就会触发事件发生
直接绑定事件 elem.keydown(handler(eventObject))传递参数elem.keydown([eventData],handler(eventObject))
手动触发已绑定的事件 $elem.keydown()
keyup() 松开键盘上的键时，就会触发 使用方法同上
keypress() 同keydown() 功能相似，主要用来接受字母、数字，无法响应系统的功能键（如：dalete）
相同的是：每次获取的内容都是之前输入

8：on的多事件绑定
8.1 .on(events,[selector],[data]) 可以自定义事件名
8.2 多个事件绑定同一函数，事件间用空格隔开
例：$(“#elem”).on(“mouseover mouseout”,function(){});

8.3 多个事件绑定不同函数，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法
$(“#elem”).on({mouseover:functio(){},mouseout:function(){}});

8.4 将数据传递到处理程序
例：function greet(event){
alert(“hello”+event.data.name);}
$(“button”).on(“click”,{name:”慕课网”}，greet)；

8.5 委托机制
.on(events,[selector],[data],handler(eventObject))

9：卸载事件 off()
通过.on()绑定的事件处理程序，通过.off()方法移除该绑定
9.1 可绑定多个事件，用空格隔开
(“elem”).on(“mousedownmouseup”,function())9.2一个事件(“elem”).off(“mousedown”)
9.3 删除所有事件 (“elem”).off(“mousedownmouseup”)9.4快捷方式(“elem”).off()

事件
event.target 代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素。
event.type 获取事件的类型
event.pagex event.pagey 获取鼠标当前相对于页面的坐标
event.preventDefaul() 阻止默认行为
event.stopPropagation() 阻止事件冒泡
event.which 获取在鼠标单击时，单击的鼠标是那个键
event.currentTarget 在事件冒泡过程中的当前DOM元素
this/event.target 区别：
两者都是DOM对象

10：trigger 触发浏览器事件
1：自定义事件对象 2：自定义事件可以传递参数
triggerHandler 与 trigger的用法一致，不同之处是：
10.1.1 triggerHandler 不会触发浏览器的默认行为
10.1.2 trigger() 会影响所有与JQ对象相匹配的元素，而另一个只会影响第一个匹配的元素。