首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在onclick事件中调用多个JavaScript函数?

如何在onclick事件中调用多个JavaScript函数?
EN

Stack Overflow用户
提问于 2010-10-12 07:44:39
回答 10查看 793.6K关注 0票数 283

有没有办法使用onclick html属性调用多个JavaScript函数?

EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2010-10-12 07:48:12

代码语言:javascript
复制
onclick="doSomething();doSomethingElse();"

但实际上,您最好完全不使用onclick,并通过Javascript代码将事件处理程序附加到DOM节点。这就是所谓的unobtrusive javascript

票数 464
EN

Stack Overflow用户

发布于 2015-12-11 13:49:05

如果您只使用JavaScript而不使用jQuery,则需要使用以下代码

代码语言:javascript
复制
var el = document.getElementById("id");
el.addEventListener("click", function(){alert("click1 triggered")}, false);
el.addEventListener("click", function(){alert("click2 triggered")}, false);
票数 53
EN

Stack Overflow用户

发布于 2010-10-12 07:47:57

当然,只需将多个侦听器绑定到它。

Short cutting with jQuery

代码语言:javascript
复制
$("#id").bind("click", function() {
  alert("Event 1");
});
$(".foo").bind("click", function() {
  alert("Foo class");
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo" id="id">Click</div>

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3910736

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档