基础事件:
鼠标事件
键盘事件
window窗口事件
表单事件
复合事件:
鼠标光标悬停
鼠标连续点击
鼠标事件
方法 | 描述 | 执行时机 |
---|
click() | 触发或将函数绑定到指定元素的click事件 | 单击鼠标 |
movseover | 触发或将函数绑定到指定元素的movseover事件 | 鼠标指针移过时 |
movseout | 触发或将函数绑定到指定元素的movseout事件 | 鼠标指针移出时 |
movseenter | 触发或将函数绑定到指定元素的movseenter事件 | 鼠标指针进入时 |
movseleave | 触发或将函数绑定到指定元素的movseleave事件 | 鼠标指针离开时 |
鼠标事件方法的区别
方法 | 相同点 | 不同点 |
---|
mouseover() | 鼠标进入备选元素时触发 | 鼠标在其备选元素的子元素上来回进入是触发mouseove(),不触发mouseenter() |
mouseenter() | | |
mouseout() | 鼠标离开备选元素时触发 | 鼠标在其备选元素的子元素上来回进入是触发mouseout(),不触发mouseleave() |
mouseleave() | | |
键盘事件
属性键值码: .keyCode .enter==>
名称 | 描述 | 执行时机 |
---|
keydown() | 触发或将函数绑定到指定元素的keydown事件 | 键盘按下时 |
keyup() | 触发或将函数绑定到指定元素的keyup事件 | 键盘弹起时 |
keypress() | 触发或将函数绑定到指定元素的keypress事件 | 产生可打印字符时 |
窗口事件
方法:调整窗口大小时 $(window).resize();
属性:
浏览器宽度:.window.innerWeight
浏览器高度:.window.innerHeight