鼠标事件
mousedown与mouseup事件
![](https://img.haomeiwen.com/i2455877/f1dcc21d7b1cdc88.png)
mousedown事件触发需要以下几点:
mousedown强调是按下触发 如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件 任何鼠标按钮被按下时都能触发mousedown事件 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3
mouseup事件触发需要以下几点:
mouseup强调是松手触发,与mousedown是相反的 mouseup与mousedown组合起来就是click事件 如果用户在一个元素上按下鼠标按键,并且拖动鼠标离开这个元素,然后释放鼠标键,这仍然是算作mouseup事件 任何鼠标按钮松手时都能触发mouseup事件 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3
mouseenter事件和mouseover的区别
![](https://img.haomeiwen.com/i2455877/98afd6dd0ff26223.png)
所以在这种情况下面,jQuery推荐我们使用 mouseenter事件
mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发
hover事件
$(selector).hover(handlerIn, handlerOut)
handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数
handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
![](https://img.haomeiwen.com/i2455877/2645a0c1e661fe83.png)
focuseIn 事件
当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件
![](https://img.haomeiwen.com/i2455877/48cd24fd12b0b34f.png)
focuseOut
当一个元素,或者其内部任何一个元素失去焦点的时候,比如input元素,用户在点击失去焦的时候,如果开发者需要捕获这个动作,jQuery提供了一个focusout事件
![](https://img.haomeiwen.com/i2455877/187001c662c8946c.png)
表单事件
blur与focus事件
![](https://img.haomeiwen.com/i2455877/6c86329ef26e98ab.png)
change事件
当<input> <select> <textarea>的值发生改变时 可以通过change监听这些改变
input元素
监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。
select元素
对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发
textarea元素
多行文本输入框,当有改变时,失去焦点后触发change事件
select事件
![](https://img.haomeiwen.com/i2455877/6a6ad420bd73b20a.png)
submit事件
![](https://img.haomeiwen.com/i2455877/65184b9d1e134cdd.png)
键盘事件
keydown()与keyup()事件\keypress()事件
![](https://img.haomeiwen.com/i2455877/6737a98108447801.png)
事件绑定和解绑
on()
![](https://img.haomeiwen.com/i2455877/a8a4b4746e00d332.png)
on()的高级用法
![](https://img.haomeiwen.com/i2455877/0691cfe801fd656f.png)
卸载事件off()方法
![](https://img.haomeiwen.com/i2455877/af17d77933cda7f6.png)
事件对象
![](https://img.haomeiwen.com/i2455877/9b3554817255c155.png)
属性和方法
![](https://img.haomeiwen.com/i2455877/1167446ab587737e.png)
网友评论