event.preventDefault() 在多个按钮上

Question

有没有办法为应用程序上的每个按钮编写一次 e.preventDefault()（也许通过创建一个函数）？我了解如何防止按钮的默认事件（link，等等）：

<button onClick={e => e.preventDefault()} /> <!--For React, but it's the same elsewhere-->

但是，我的应用程序上有很多按钮，我厌倦了为每个按钮都写出来。感谢您的帮助:)

Answer 1

您根本不应该使用内联 javascript，而是使用适当的事件处理程序

var buttons = document.querySelectorAll('button'),
    fn      = function(e) { e.preventDefault() };

for ( var i = buttons.length; i--; ) {
    buttons[i].addEventListener('click', fn, false);
}

Answer 2

const buttons = document.querySelectorAll('button');
for (let i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', e => e.preventDefault());
}

event.preventDefault() 在多个按钮上

event.preventDefault() on multiple buttons

html

javascript

button

preventdefault