JQuery事件绑定:bind方法
bind(event_type,[.data],function)
Bind方法有三个参数:
1.event_type:事件类型,包括:blur,focus、、、、、
2.[.data]:可选参数,作为event.data属性值传递给事件对象的额外数据对象
3.function:用来绑定的处理函数
在使用bind方法为操作绑定事件时,原理和addEventListener类似,可以多次绑定而不覆盖
在bind方法内部有一个关键字this,其代表相应的DOM元素(可以使用$(this)将其转换成为JQuery对象)
补充:事件对象event常用方法
1.type属性:捕获到的事件类型
2.preventDefault():阻止默认的时间行为
3.stopPropagation():阻止事件冒泡
4.target属性:获取到触发事件的元素
5.pageX和pageY:获取光标的x、y坐标
自定义事件与模拟事件触发
自定义事件:
$('#btn').bind('myClick',function () {
...
})
使用trigger来触发:
$('#btn').trigger('myClick')
注意:trigger还可以触发原生事件:click、blur等等