Question

我在HTML文件中有一组复选框。然后我在两个单独的JavaScript文件中有onClick()个事件处理程序。我只是注意到，当我单击复选框时，只调用了我的onClick方法中的一个。如果我删除其中一个事件处理程序，那么其他一个将工作。必须有某种方式来获取点击事件，而不是为其他听众吞下事件。

如何允许调用两个事件处理程序？

        var at = document.getElementById("at");
        at.onclick = function() {

Answer 1

分配给onclick将覆盖以前的所有内容。如果要堆叠事件，请在本机JS或jQuery addEventListener

中使用.on("click"

<强> JS

var at = document.getElementById("at");
at.addEventListener("click", function() { //whatever
                                        }, false);
at.addEventListener("click", function() { //some other function
                                        }, false);

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

<强>的jQuery

$('#at').on("click", function() {//whatever
                                })
        .on("click", function() {//some other function
                                });

http://api.jquery.com/on/

如何在不同的Javascript文件中允许多个复选框onClick事件处理程序

1 个答案: