JavaScript中如何阻止默认事件,让你的网页更加流畅

6 min read

JavaScript可以通过event.preventDefault()方法来阻止默认事件的触发。例如,阻止链接的默认跳转:

<a href="http://www.baidu.com" onclick="event.preventDefault();">点击跳转至百度</a>

当点击这个链接时,不会跳转至百度网站,因为使用了event.preventDefault()方法来阻止默认事件的触发。在实际应用中,可以通过添加一个event参数去调用该方法:

document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault();
});

这样在点击页面上的链接时,就会阻止默认事件,可以根据需要自定义相关动作。