javascript使用preventDefault覆盖点击事件

JavaScript中可以使用preventDefault()方法来阻止默认的点击事件。下面是一个例子：

document.getElementById("myButton").addEventListener("click", function(event) { event.preventDefault(); console.log("点击事件被阻止了"); }); 

在上面的例子中，我们首先获取了一个id为"myButton"的元素，并为其添加了一个click事件的监听器。在监听器函数中，我们调用了event.preventDefault()方法来阻止默认的点击事件。然后，我们通过console.log()方法输出了一条消息来确认点击事件被成功阻止。

注意：如果是在一个<a>标签上使用preventDefault()来阻止点击事件，需要注意，虽然点击事件被阻止，但是链接的默认跳转行为也会被阻止。如果想让链接的默认跳转行为不被阻止，可以使用return false;来代替preventDefault()，如下所示：

document.getElementById("myLink").addEventListener("click", function(event) { console.log("点击事件被阻止了"); return false; }); 

在上面的例子中，我们在点击事件的监听器函数中直接使用return false;来阻止默认的点击事件，并输出一条消息来确认点击事件被成功阻止。