jQuery事件是对Javascript事件的封装,常用事件分类:
基本事件:
鼠标事件
键盘事件
window窗口事件
表单事件
复合事件:
鼠标光标悬停
鼠标连续点击
鼠标事件:
鼠标事件:当监测鼠标动作,并做出响应的函数
方法 | 描述 | 执行时机 |
---|
click() | 触发或将函数绑定到指定元素的click事件 | 点击鼠标时 |
mouseover() | 触发或将函数绑定到指定元素的mouseover事件 | 鼠标指针移过时 |
mouseout() | 触发或将函数绑定到指定元素的mouseout事件 | 鼠标指针移出时 |
mouseenter() | 触发或将函数绑定到指定元素的mouseenter事件 | 鼠标指针进入时 |
mouseleave() | 触发或将函数绑定到指定元素的mouseleave事件 | 鼠标指针离开时 |
鼠标事件方法的区别:
方法 | 相同点 | 不同点 |
---|
mouseover() | 鼠标进入备选元素是触发 | 鼠标在其备选元素的子元素上来回进入时触发mouseover(),不触发mouseenter(); |
mouseenter() | | |
mouseout() | 鼠标离开备选元素是触发 | 鼠标在其备选元素的子元素上来回离开时触发mouseout(),不触发mouseave(); |
mouseleave() | | |
键盘事件:
元素对键盘的诸如按下、松开等事件做出反应
属性键值码:.keyCode enter==>13
名称 | 描述 | 执行时机 |
---|
.keydown() | 触发或将函数绑定到指定元素的keydown事件 | 键盘按下时 |
.keyup() | 触发或将函数绑定到指定元素的keyup事件 | 键盘抬起是 |
.keypress() | 触发或将函数绑定到指定元素的keypress事件 | 产生可打印字符时 |
窗口事件:
方法:
调整窗口大小 $(window).resize()
属性:
浏览器宽度 window.innerWeight
浏览器高度 window.innerHeight