js事件
时间: 2024-02-17 09:04:58 浏览: 30
JavaScript 事件是在 HTML 元素中发生的事情,比如用户点击按钮、页面加载完成等。通过 JavaScript 可以捕获这些事件,然后执行相应的操作。
以下是一些常见的 JavaScript 事件:
1. onclick - 当用户点击(鼠标单击或按下回车键)时触发。
2. onmouseover - 当用户鼠标移动到元素上时触发。
3. onmouseout - 当用户鼠标从元素上移开时触发。
4. onload - 当页面加载完成时触发。
5. onunload - 当用户离开页面时触发。
6. onsubmit - 当用户提交表单时触发。
7. onchange - 当输入框的值发生改变时触发。
8. onkeydown - 当用户按下键盘上的按键时触发。
使用 JavaScript 绑定事件的方法有两种:一种是在 HTML 中使用属性绑定,如下所示:
```
<button onclick="myFunction()">点击我</button>
```
另一种是使用 JavaScript 代码绑定事件,如下所示:
```
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", myFunction);
```
在这个代码中,我们首先获取了一个 id 为 "myButton" 的元素,然后使用 addEventListener() 方法将 click 事件绑定到 myFunction() 函数上。当用户点击这个按钮时,就会触发 myFunction() 函数。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)