jQuery——事件
一,事件
bind(‘click’,fn) ----------- 创建普通事件绑定
bind(‘mouseover mouseout’,fn) ----------- 创建多事件绑定
bind({
mouseover : fn,
mouseout:fn
})
unbind() ------- 删除全部事件
unbind(‘click’) ------- 删除指定事件
unbind(‘click.a’) ------- 删除指定事件
所有事件均可以进行简写
click(fn)、mousedown(fn)、mouseover(fn)、…
复合事件
hover(fn1,fn2) ---- 鼠标“移入”和“移出” 复合事件
进阶事件
on(‘click’,fn) ----------- 创建普通事件绑定
on(‘click’,child,fn) ----------- 创建普通事件绑定
one(‘click’,fn) ----------- 创建一次性绑定事件
off() ------ 删除事件
二, 事件对象
target — 事件触发元素对象【原生对象】点谁就是谁
currentTarget — 事件绑定元素对象【原生对象】事件绑定元素
pageX/pageY ---- 获取距离页面的x、y轴坐标
screenX/screenY ---- 获取距离屏幕的x、y轴坐标
clientX/clientY ---- 获取距离可视窗口的x、y轴坐标
Data ------ 额外数据,字符串、数字、数组、对象
Which ----- 获取鼠标左中右键及键盘代码 ----与keydown配合
三,冒泡事件
e.cancelBubble = true; 【原生JS中阻止冒泡,jQuery中无效】
e.stopPropagation() //----阻止冒泡 从内向外进行冒泡
四,事件默认行为
preventDefault() //—阻止默认行为
return false //—冒泡、默认行为均阻止。
例如:超链接、表单提交
五,链式操作
$(‘#box’).css(‘color’,’red’).css(‘fontSize’,’36px’);
六,循环事件
each() ------ 必须绑定在【jquery对象】上。
$.each() ------ 可以对jquery对象、原生对象、数组都有效。