mirror of
https://github.com/Estom/notes.git
synced 2026-02-12 14:56:04 +08:00
50 lines
1.1 KiB
Markdown
50 lines
1.1 KiB
Markdown
## 1 常见事件
|
||
> jquery对事件进行了重新封装。采取了与原生JS完全不同的事件处理方法。JS是在HTMLDOM元素中个，添加事件属性，将事件属性与事件响应函数绑定的方法，完成事件响应机制。
|
||
|
||
> jquery，大多数DOM事件都有一个等效的jQuery方法对应。调用jQuery对象的事件函数，传递高阶函数作为参数，用于回调。实现事件响应与主进程的异步通信。
|
||
### 鼠标事件
|
||
|
||
* click
|
||
* dblclick
|
||
* mouseenter
|
||
* mouseleave
|
||
* hover
|
||
|
||
### 键盘事件
|
||
|
||
* keypress
|
||
* keydown
|
||
* keyup
|
||
|
||
|
||
### 表单事件
|
||
* submit
|
||
* change
|
||
* focus
|
||
* blur
|
||
|
||
### 文档/窗口事件
|
||
* load
|
||
* resize
|
||
* scroll
|
||
* unload
|
||
|
||
## 2 事件处理
|
||
### 直接绑定事件处理方法
|
||
回调函数作为参数进行传递。
|
||
|
||
```
|
||
$("p").click(function(){$(this).hide()});
|
||
```
|
||
### $(document).ready()
|
||
|
||
在加载完成文档后需要执行的函数。
|
||
|
||
|
||
### 通过bind绑定事件处理方法
|
||
可以直接在jQuery对事件进行绑定。而不用在html代码中书写js代码了。
|
||
* bind绑定
|
||
|
||
```
|
||
$(selector).bind(eventtype,eventdata,handler(eventobject))
|
||
``` |