原标题:jQuery事件的绑定
1)bind(type,[data],fn) :为元素的某个事件绑定相关的事件处理程序
参数说明:
type:事件的类型,不带’on’前缀,如click,mouseover,mouseout
[data]:可选参数,代表事件发生时所传递的数据(了解)
fn:事件的处理程序
2)bind({type:fn,type:fn}) :一次为元素绑定多个事件处理程序,要求参数是一个json对象
参数说明:
type:事件的类型
fn:事件的处理程序
3)one(type,[data],fn) :为元素进行一次绑定,只触发一次
参数说明:
type:事件类型
[data]:可选参数,代表事件发生时所传递的数据(了解)
fn:事件的处理程序
4)unbind([type]) :移除事件绑定
参数说明:
type:要移除的事件类型,如果不写代表移除所有事件
示例代码:
例1:使用bind方法为元素绑定相关事件
运行结果:弹出hello,弹出world。所以由此可知,在jQuery中事件绑定都是通过事件监听的形式进行实现的且调整了兼容性问题以及事件的触发顺序。
例2:一次为元素绑定多个事件
例3:使用one方法为元素进行一次绑定
例4:使用unbind方法移除事件
在原生Java代码中,移除事件必须有一个前提:在进行事件绑定时,其事件处理程序必须是一个有名函数,这一点在jQuery可以不需要指定。
事件绑定中的this
在原生Java代码中,存在一个特殊的关键词this,其随着运行环境的不同其指向也是不同的:
① 在行内绑定中,this指向全局的window对象
② 在动态绑定中,this指向当前正在操作的dom对象
③ 在事件监听中,IE内核浏览器下,this指向全局window对象,W3C内核浏览器下,指向当前正在操作的dom对象
在jQuery中,其调整了事件监听中关键词this的指向,统一更改为指向当前正在操作的dom对象。
示例代码:
运行结果:div元素更改了背景颜色,所以由此可知:在jQuery中实现事件绑定时,其事件处理程序内部的this关键词指向了当前正在操作的dom对象。
【IT科技之家-itkeji综合 -文章版权声明】
非特殊说明,本文版权归 [ IT科技之家-itkeji综合 -ITMFB] 所有,转载请注明出处.
更多文章请关注:itkeji综合返回搜狐,查看更多
责任编辑: