JS常用的几种事件

发布时间:2024年01月13日

JavaScript常用的几种事件有:

  1. 点击事件:当用户点击某个元素时触发,常用于按钮、链接等交互元素。事件名称为"click"。
javascriptbutton.addEventListener('click', function() {
alert('按钮被点击了!');
});
  1. 鼠标移动事件:当用户将鼠标指针移动到某个元素上时触发,事件名称为"mouseover"。
javascriptbutton.addEventListener('mouseover', function() {
alert('鼠标移到按钮上了!');
});
  1. 鼠标离开事件:当用户将鼠标指针从某个元素上移开时触发,事件名称为"mouseout"。
javascriptbutton.addEventListener('mouseout', function() {
alert('鼠标离开了按钮!');
});
  1. 键盘事件当用户在键盘上按下某个键时触发,常用于表单输入、游戏控制等。事件名称为"keydown"、"keyup"和"keypress"。
javascriptdocument.addEventListener('keydown', function(event) {
console.log('按下的键是:', event.key);
});
  1. 页面加载事件:当页面完全加载完成后触发,常用于页面初始化的操作。事件名称为"load"。
javascriptwindow.addEventListener('load', function() {
alert('页面加载完成!');
});
  1. 表单提交事件:当表单被提交时触发,常用于验证表单数据。事件名称为"submit"。
javascriptform.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
// 进行表单验证等操作...
});
文章来源:https://blog.csdn.net/2301_77131852/article/details/135546709
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。