javascript - 使用循环创建多个事件监听器

Question

尝试使用循环创建多个监听器。如何让它发挥作用？

var buttons = ['one', 'two', 'tree'];
$.each(keys, function(key, value) {
    $(value).click(function() {
        // do something
    });
});

另外，当我只需要值时，有没有不写 key, value 的捷径？

Answer 1

最好将委托(delegate)的事件监听器放在父级上，而不是遍历每个按钮。例如，如果您将所有 <button> <div> 中的元素ID #container ，那么你可以这样写你的监听器:

$('#container').on('click', 'button', function() {
  // do something;
});

现在，每次单击该 div 中的按钮元素时，都会调用您的回调。您还可以使用类选择器代替 'button'只听具有该类的元素。