Question

是否可以为页面上的所有按钮设置侦听器？喜欢

document.getElementById('button').onclick = function() {
alert("button was clicked");
};

但是对于所有按钮？

获得相同结果的最佳方法？

Answer 1

通过事件委托，您可以为整个文档添加一个监听器并检查点击的目标是否是一个按钮：

document.addEventListener('click', ({ target }) => {
  if (target.matches('button')) {
    console.log(target);
  }
});

<button>click 1</button>
<button>click 2</button>

Answer 2

你可以这样做

var buttons = document.getElementsByTag("BUTTON");
buttons.forEach(function(v){
  v.addEventListener('click', function(){
    console.log('i have been clicked');
  }
}

或使用 jQuery

$('button').on('click', function(){ console.log('i have been clicked'); }

并包括输入

$('button, input[type=submit]').on('click', function(){ console.log('i have been clicked'); }

Answer 3

**for onclick lisener**

<div id="test">
    click me
    <div>
    <script>
    
        $("#test").click(function(){
                  alert("clicked test");
        });
    
    </script>

任何按钮点击监听器？

3 个答案: