如何使用JavaScript检查是否单击了Button

Question

我只是好奇是否有一种简单的方法可以沿着这些方向做某事:

JavaScript的:

if(document.getElementById('button').clicked == true)
{
   alert("button was clicked");
}

HTML:

<input id="button" type="submit" name="button" value="enter"/>

Answer 1

您可以为此添加单击事件处理程序:

document.getElementById('button').onclick = function() {
   alert("button was clicked");
}?;?

这将在点击时发出警报,如果您想稍后跟踪它,只需在该功能中将变量设置为true而不是警报,或者variable++如果您想计算点击次数,无论您的最终用途是什么. 你可以在这里看到一个例子.

Answer 2

这将做到

<input id="button" type="submit" name="button" onclick="myFunction();" value="enter"/>

<script>
function myFunction(){
    alert("You button was pressed");
};   
</script>

Answer 3

尝试为点击添加一个事件监听器：

document.getElementById('button').addEventListener("click", function() {
   alert("You clicked me");
}?);?

使用addEventListener可能是比设置更好的主意onclick-onclick很容易被另一段代码覆盖。

你可以使用一个变量来存储按钮之前是否被点击过：

var clicked = false
document.getElementById('button').addEventListener("click", function() {
   clicked = true
}?);?

在 MDN 上添加事件监听器