如何使用Javascript向元素添加onclick

Question

我有一个像这样的HTML按钮：

<div class="row text-center">
   <button id="button1" type="submit" class="btn btn-primary">Submit</button>
</div>

我想通过Javascript为它添加一个onclick行为。它应该调用另一个函数。我试过这个：

$("#button1").addEventListener("click", showAlert());

然而，浏览器抱怨$(...).addEventListener is not a function。我该怎么做呢？

Answer 1

使用jQuery，您可以使用.on()：

$("#button1").on("click", showAlert);

或

$("#button1").click(showAlert);

addEventListener是一种简单的JavaScript方法，您尝试在jQuery对象上使用它。您可以使用.get(0取消引用jQuery对象，并使用它：

$("#button1").get(0).addEventListener("click", showAlert);

或

$("#button1")[0].addEventListener("click", showAlert);

但实际上没有理由。

Answer 2

您可以尝试以下方法：

$( "#button1" ).bind( "click", showAlert);

Answer 3

尝试jquery函数：

$("#button1").click(function() {
.. whatever you want to do on click, goes here...
}) ;