1. 首页
  2. 默认
  3. 如何取消HTML元素的默认行为

如何取消HTML元素的默认行为

上传者: 2023-03-10 12:07:36上传 HTML文件 530B 热度 14次

下面介绍如何通过JavaScript代码取消HTML元素的默认行为:

// 取消a标签的默认行为,避免跳转
document.querySelectorAll('a').forEach(function(elem){
  elem.addEventListener('click', function(e){
    e.preventDefault();
  });
});

// 取消表单的默认提交行为,避免页面刷新
document.querySelector('form').addEventListener('submit', function(e){
  e.preventDefault();
});
用户评论