首页 > 代码库 > jQuery-事件
jQuery-事件
普通事件
click(data fn(e)) 触发或绑定每一个匹配元素的点击事件
data用法:{"name" : "nopi"} e.data.name
与onclick区别
1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么
2、onclick=""只能绑定一次,再次绑定会把之前的覆盖
3、click()方法的主要作用是触发调用元素onclick事件
4、$(‘‘).click()可以绑定多次,再次绑定会在前一个程序执行完后触发
5、onclick这种方式,每次触发“Click”事件,只能执行标记的方法,而“$("").click”这种方式更像一个方法队列,你可以为“Click”事件注册多个处理函数
与on()区别
1、on()可用于绑定动态元素(事件委托),click()不能
2、on()可以一起绑定多个不同事件
3、on()可以添加命名空间,以便off的时候可以移除指定命名空间的事件,而不是移除所有
鼠标点击事件:mousedown mouseup click dblclick
注:mousedown + mouseup = click,click * 2 = dblclick
鼠标移动事件:mouseenter mouseleave mouseover mouseout mousemove
注:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件
键盘事件:keydown keyup keypress
注:keydown keyup keypress区别
1、键事件按下列顺序发生:keydown keypress keyup
2、KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将不会触发KeyUp事件
3、KeyPress主要用来捕获数字(包括Shift+数字)、字母(包括大小写)、小键盘等,返回ANSI字符,KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键,返回键码
4、KeyPress 只能捕获单个字符,KeyDown 和KeyUp 可以捕获组合键
5、KeyPress 可以捕获单个字符的大小写,KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断单个字符的大小写
6、KeyPress 不区分小键盘和主键盘的数字字符。KeyDown 和KeyUp 区分小键盘和主键盘的数字字符
7、其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获
8、判断组合键用keyup
焦点事件:focus blur focusin focusout
表单事件:change select submit
浏览器页面大小改变事件与浏览器滚动条事件:resize scroll
加载页面与离开页面事件:ready unload
注:当发生以下情况时,会发出 unload 事件:
点击某个离开页面的链接,在地址栏中键入了新的 URL,使用前进或后退按钮
关闭浏览器
重新加载页面
抛出错误事件:error
复合事件
hover()
toggle()
事件处理
on()
off()
one()
trigger()
triggerHandler()
事件对象
jQuery-事件