如何在不同的Javascript文件中允许多个复选框onClick事件处理程序
我在HTML文件中有一组复选框。 然后在两个单独的JavaScript文件中有如何在不同的Javascript文件中允许多个复选框onClick事件处理程序,javascript,jquery,html,Javascript,Jquery,Html,我在HTML文件中有一组复选框。 然后在两个单独的JavaScript文件中有onClick()事件处理程序。 我刚刚注意到,当我单击复选框时,只调用了我的onClick方法中的一个。如果我删除其中一个事件处理程序,那么另一个将正常工作。必须有某种方法来获取click事件,而不是为其他侦听器吞下该事件 如何允许调用这两个事件处理程序 var at = document.getElementById("at"); at.onclick = function() {
onClick()
事件处理程序。
我刚刚注意到,当我单击复选框时,只调用了我的onClick
方法中的一个。如果我删除其中一个事件处理程序,那么另一个将正常工作。必须有某种方法来获取click事件,而不是为其他侦听器吞下该事件
如何允许调用这两个事件处理程序
var at = document.getElementById("at");
at.onclick = function() {
分配给
onclick
将覆盖以前存在的内容。如果要堆叠事件,请在本机JS或jQuery中使用addEventListener
。“单击”
JS
var at = document.getElementById("at");
at.addEventListener("click", function() { //whatever
}, false);
at.addEventListener("click", function() { //some other function
}, false);
jQuery
$('#at').on("click", function() {//whatever
})
.on("click", function() {//some other function
});
的确如此。另外,如果您想从某个onclick事件停止事件执行,可以调用
event.stopPropagation()
,这是因为您的第一个回调将被最后一个回调替换。您应该看到@chiliNUT的答案,而且您可能也应该看到这一点