jQuery中的事件
发布日期:2021-05-07 20:59:14 浏览次数:19 分类:原创文章

本文共 680 字,大约阅读时间需要 2 分钟。

1 常用方法

load(fn) 页面加载执行bind(type[,data],fun) 为元素绑定事件hover(fn1,fn2) 当光标悬停到元素上时,触发fn1,当光标移除时触发fn2toggle(fn1,fn2,...fnN) 第一次单机执行fn1,第二次单击执行fn2...,执行完后循环

2 事件冒泡

stopPropagation() 停止事件冒泡preventDefault() 阻止默认行为这两个方法可以写为  return false;

3 事件对象的属性(event为function(event)中的参数)

event.type 获取事件的类型event.target 获取触发事件的元素event.pageX/Y 获取到贯标相对于页面的x坐标或y坐标event.which() 在鼠标事件是获取鼠标的左、中、右;在键盘事件中获取键盘的按键	1 = 鼠标左键,2 = 鼠标中键, 3 = 鼠标右键event.metaKey() 为键盘事件获取<ctrl>按键event.originalEvent() 指向原始的事件对象

4 移除事件

unbind([type][,data]) 移除指定元素的指定事件one(type[,data],fn) 与bind()方法相识,不过one()执行移除后会删除事件

5 模拟操作

trigger(type[,data]) 触发自定义事件(满足条件时触发指定事件)

6 常用事件

focus() 获取焦点事件blur() 失去焦点事件dblclick() 双击事件keyup(function) 按钮事件
上一篇:jQuery中的动画
下一篇:jQuery中的DOM操作

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年04月16日 19时55分56秒