有没有什么办法可以使用onclick
html 属性调用多个 JavaScript 函数?
如何在 onclick 事件中调用多个 JavaScript 函数?
IT技术
javascript
html
onclick
2021-01-25 21:47:24
6个回答
onclick="doSomething();doSomethingElse();"
但实际上,您最好根本不使用onclick
并通过您的 Javascript 代码将事件处理程序附加到 DOM 节点。这被称为不显眼的 javascript。
定义了 1 个函数的链接
<a href="#" onclick="someFunc()">Click me To fire some functions</a>
触发多个函数 someFunc()
function someFunc() {
showAlert();
validate();
anotherFunction();
YetAnotherFunction();
}
如果您只使用 JavaScript 而不是 jQuery,则这是所需的代码
var el = document.getElementById("id");
el.addEventListener("click", function(){alert("click1 triggered")}, false);
el.addEventListener("click", function(){alert("click2 triggered")}, false);
我会使用该element.addEventListener
方法将其链接到一个函数。您可以从该函数调用多个函数。
我认为将事件绑定到单个函数然后调用多个函数的优点是您可以执行一些错误检查,使用一些 if else 语句,以便某些函数仅在满足某些条件时才被调用。
当然,只需将多个侦听器绑定到它即可。
Short cutting with jQuery
$("#id").bind("click", function() {
alert("Event 1");
});
$(".foo").bind("click", function() {
alert("Foo class");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo" id="id">Click</div>
其它你可能感兴趣的问题