HTML5+CSS3+JavaScript Web前端开发案例教程课件：事件处理方法.pptxVIP

事件处理方法

jQuery鼠标事件jQuery键盘事件jQuery表单事件jQuery窗口事01jQuery鼠标事件

jQuery鼠标事件jQuery鼠标点击事件是最常用的事件之一，当用户使用鼠标在浏览器窗口或元素上进行点击交互时触发的事件，都属于鼠标点击事件的范围。常见的鼠标操作有：单击、双击、右键等等。

jQuery鼠标事件jQuery提供的鼠标事件包括：click()方法，当用户单击鼠标左键时触发；dblclick()方法，当用户双击鼠标左键时触发；mouseenter()方法，当鼠标指针穿过（进入）被选元素时触发；mouseleave()方法，当鼠标指针离开被选元素时触发；mouseover()方法，当鼠标指针位于元素上方时触发；mouseout()方法，当鼠标指针离开被选元素时触发；mousedown()方法，当鼠标按键按下时触发；mouseup()方法，当鼠标按钮按下并松开后触发；hover()方法，当鼠标指针悬停在被选元素上时触发。

jQuery鼠标事件jQuery鼠标事件示例：

02jQuery键盘事件

jQuery键盘事件在浏览器中，当用户操作键盘是，会触发键盘事件，触发的键盘事件主要有3种：keydown()方法，当键盘或按钮被按下时触发；keyup()方法，当按钮被松开时触发；keypress()方法，当键盘或按钮被按下时。

jQuery键盘事件我们在使用键盘事件时，有时需要知道哪个键被按下了，获取哪个键被按下可以使用event.which属性。当相应的事件触发，会执行其回调函数，可以把event作为回调函数的参数。示例代码如下：$(input).keyup(function(event){$(div).html(Key:+event.which);});

jQuery键盘事件jQuery键盘事件示例：

03jQuery表单事件

jQuery表单事件jQuery提供了四个表单事件的处理方法：submit()方法，当提交表单时，会发生submit事件；change()方法，当元素的值改变时发生change事件；focus()方法，当元素获得焦点时触发focus事件；blur()方法，当元素失去焦点时发生blur事件。

jQuery键盘事件jQuery表单事件示例：

04jQuery窗口事件

标题/文本文字体系jQuery提供了用于监听窗口与文档变化的事件，这些事件包括：load()方法，当指定的元素已加载时触发；resize()方法，当调整浏览器窗口大小时触发；scroll()方法，当用户滚动指定的元素时触发；unload()方法，当用户离开页面时触发。

标题/文本文字体系当用户滚动指定的元素时，会发生scroll()事件。scroll()事件适用于所有可滚动的元素和window对象（浏览器窗口）。scroll()事件的语法如下：$(selector).scroll(function)

jQuery键盘事件jQuery窗口事件示例：