addeventlistener()的事件类型有什么?
时间: 2024-05-25 12:15:18 浏览: 80
addEventListener()的事件类型包括:
1. click - 鼠标点击事件
2. mouseover - 鼠标悬停事件
3. mouseout - 鼠标移出事件
4. keypress - 键盘按下事件
5. keyup - 键盘松开事件
6. load - 页面加载完成事件
7. submit - 表单提交事件
8. change - 表单元素值改变事件
9. scroll - 滚动条滚动事件
10. resize - 窗口大小改变事件
11. contextmenu - 鼠标右键点击事件
12. focus - 元素获取焦点事件
13. blur - 元素失去焦点事件
14. touchstart - 触摸屏幕事件
15. touchend - 触摸屏幕结束事件
16. touchmove - 触摸屏幕移动事件
17. offline - 离线事件
18. online - 在线事件
19. beforeunload - 离开页面前事件
20. dragstart - 拖拽开始事件
21. dragend - 拖拽结束事件
22. dragover - 拖拽元素悬停事件
23. drop - 拖拽元素放置事件
等等。
相关问题
js的addEventListener作用是什么?
addEventListener是JavaScript中的一个方法,用于向指的元素添加事件监听器。它的作用是在指定的元素上注册一个特定事件的处理函数,当该事件被触发时,执行相应的代码。
通过addEventListener方法,可以为元素添加多个事件监听器,并且可以指定不同的事件类型和处理函数。这样,在特定事件发生时,可以执行相应的操作或响应用户的交互。
例如,可以使用addEventListener方法为按钮元素添加一个点击事件监听器,当用户点击按钮时,执行相应的代码逻辑。示例代码如下:
```javascript
const button = document.querySelector('button');
button.addEventListener('click', function() {
// 执行点击事件的处理逻辑
console.log('按钮被点击了!');
});
```
在上述示例中,addEventListener方法用于给按钮元素添加一个点击事件监听器,当按钮被点击时,会在控制台输出"按钮被点击了!"。
addeventlistener的事件的类型 有那些
addEventlistener的事件类型有很多,常见的包括:
1. click:当元素被点击时触发。
2. mouseover:当鼠标移动到元素上方时触发。
3. mouseout:当鼠标移出元素时触发。
4. keydown:当按下键盘上的任意键时触发。
5. keyup:当释放键盘上的任意键时触发。
6. focus:当元素获取焦点时触发。
7. blur:当元素失去焦点时触发。
8. submit:当表单提交时触发。
9. scroll:当元素滚动时触发。
10. load:当页面或图片加载完成时触发。
这只是一些常见的事件类型,实际上还有很多其他的事件类型可供使用。你可以根据自己的需求选择相应的事件类型来监听。
阅读全文