JQ学习(三):事件

基本事件

fn代表回调函数

1.blur([fn]):添加/触发失去焦点的事件

2.change([fn]):添加/触发select元素内容改变或者失去焦点时的事件

3.click([fn]):添加/触发元素单击事件

4.dblclick([fn]):添加/触发元素双击事件

5.focus([fn]):添加/触发元素获得焦点事件

6.focusin([fn]):添加/触发元素获得焦点事件(支持冒泡)

7.focusout([fn]):添加/触发元素失去焦点事件(支持冒泡)

8.keydown([fn]):添加/触发键盘按下事件

9.keypress([fn]):添加触发键被按下的事件,不支持全部键如ctrl

10.keyup([fn]):添加/触发键弹起的事件

11.mousedown(fn):添加/触发鼠标按下的事件

12.mouseup(fn):添加/触发鼠标弹起的事件

13.mouseenter(fn):添加/触发鼠标进入元素的事件

14.mouseover(fn):添加/触发鼠标进入元素的事件,支持冒泡

15.mouseleave(fn):添加/触发鼠标离开元素的事件

16.mouseout(fn):添加/触发鼠标离开元素的事件,支持冒泡

17.mousemove(fn):添加/触发鼠标在元素移动的事件

18.resize(fn):添加/触发浏览器窗口改变大小的事件

19.scroll(fn):添加/触发页面滚动条改变事件

20.select([fn]):当textarea元素或者input文本被选择时触发

21.submit([fn]):只有form元素支持,当表单被提交时触发

事件处理

1.bind(type,[data],fn):为匹配元素的特定事件绑定处理事件的函数

      type:事件类型,[data]:传递数据,可以通过event.data来获得,fn:处理事件函数

      支持绑定多个事件:①type='click dblclick',②使用映射:type={click:function(){},dblclick:function(){}}

2.one(type,[data],fn):为匹配元素的特定事件绑定只会回调一次的函数

3.trigger(type,[data]):在指定的元素上触发特定事件,1.3后会冒泡

4.triggerHandler(type,[data]):类似于trigger方法

5.unbind([type],[data],fn):为匹配元素的特定事件解绑处理事件的函数

6.on(event,[childSelector],[data],[fn]):1.7取代bind的为匹配元素的特定事件绑定处理事件的函数

7.off(event,[selector],[fn],[map])

事件切换

1.hover(inFn,outFn):元素鼠标进入与移出的事件

2.toggle(fn,fn2fn3):轮换执行函数

发布了94 篇原创文章 · 获赞 8 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_38827988/article/details/104061783
今日推荐