js中e.preventdefault怎么使用

lewis 6年前 (2019-03-11) 阅读数 8 #程序编程

文章标签 e.preventdefault

在JavaScript中，e.preventDefault()是用于阻止事件的默认行为的方法。它通常用于事件处理函数中，例如点击事件或表单提交事件。

下面是一个示例，演示如何使用e.preventDefault()来阻止一个链接的默认跳转行为：

"https://www.example.com" id="myLink">点击我</a>
<script>
document.getElementById('myLink').addEventListener('click', function(e) {
e.preventDefault(); // 阻止跳转到链接的默认行为
console.log('链接被点击了，但是没有跳转');
});
</script>

在上面的示例中，当链接被点击时，事件处理函数会被触发。在事件处理函数中，我们调用了e.preventDefault()来阻止链接的默认跳转行为。然后，我们在控制台中打印了一条消息，证明链接的默认行为已被阻止。

需要注意的是，e.preventDefault()必须在事件处理函数中使用，并且在事件处理函数中的任何其他代码之前调用，以确保它能够成功阻止默认行为。