常见的DOM事件有：
| 鼠标事件 |
作用描述 |
| click() |
单击，当单击元素时触发一个函数 |
| dblclick() |
双击，当双击元素时触发 |
| ----- |
-------------- |
| mouseenter() |
鼠标进入，当鼠标指针穿过元素时触发 |
| mouseleave() |
鼠标离开，当鼠标指针离开元素时触发 |
| hover() |
模拟光标悬停事件, 当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。 |
| 下面的不经常用 |
---------- |
| mousedown() |
当鼠标指针移动到元素上方，并按下鼠标按键时触发 |
| mouseup() |
当在元素上松开鼠标按钮时 |
| 键盘事件 |
作用描述 |
| keypress() |
|
| keydown() |
|
| keyup() |
|
| 表单事件 |
作用描述 |
| submit() |
提交 |
| change() |
文本改变 |
| focus() |
当元素获得焦点时，即当通过鼠标点击选中元素或通过tab键定位到元素时，该元素就会获得焦点 |
| blur() |
失去焦点 |
| 文档/窗口事件 |
作用描述 |
| load() |
|
| unload() |
|
| resize() |
当调整浏览器窗口的大小时 |
| scroll() |
|
jquery中方法的使用
语法：
$(selector).事件方法名(触发后要运行的函数function);
<!--如下-->
$(selector).click(function(){
<!--相应的操作代码-->
});
$(selector).dblclick(function(){
// 相应的操作代码
});
举个栗子:
$("#button").click(function(){
$(this).text("隐藏");
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
