如何使用 JavaScript 检查按钮是否被点击

IT技术 javascript dom-events
2021-02-26 22:12:14

有没有一种简单的方法可以按照以下方式做某事:

JavaScript:

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

HTML:

<input id="button" type="submit" name="button" value="enter"/>
6个回答

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

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

这将在点击时发出警报,如果您想稍后跟踪它,只需在该函数中将变量设置为 true 而不是警报,或者variable++如果您想计算点击次数,无论您的最终用途是什么。 您可以在此处查看示例

请注意,设置 onclick 将覆盖现有的事件侦听器,因此在这里使用 addEventListener 可能更好,如下所述(stackoverflow.com/a/57811342/10965456
2021-05-18 22:12:14

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

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 上添加事件监听器

这将做到

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

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

这里的所有答案都讨论了 onclick 方法,但是您也可以使用 addEventListener()。

addEventListener() 的语法

document.getElementById('button').addEventListener("click",{function defination});

上面的函数定义称为匿名函数。

如果不想使用匿名函数,也可以使用函数引用。

function functionName(){
//function defination
}



document.getElementById('button').addEventListener("click",functionName);

您可以在此处的答案中查看onclick() 和 addEventListener() 之间的详细差异

我想你错过了一个... stackoverflow.com/a/57811342/10965456
2021-04-25 22:12:14

只需连接 onclick 事件:

<input id="button" type="submit" name="button" value="enter" onclick="myFunction();"/>
@NisimNaim 你为什么要尝试自动化一个你没有写的网站?如果您无法编辑 HTML,则无法向页面添加 JavaScript。
2021-04-26 22:12:14
当自动化不是由我们编写的网站时,这个答案没有帮助,也就是说 - 我们没有编辑它的 html 代码的选项。
2021-05-02 22:12:14
@TylerH 因为这就是我得到的报酬:-)
2021-05-18 22:12:14
请不要使用内联处理程序,有很多理由不这样做
2021-05-20 22:12:14