有没有一种简单的方法可以按照以下方式做某事:
JavaScript:
if(document.getElementById('button').clicked == true)
{
alert("button was clicked");
}
HTML:
<input id="button" type="submit" name="button" value="enter"/>
有没有一种简单的方法可以按照以下方式做某事:
JavaScript:
if(document.getElementById('button').clicked == true)
{
alert("button was clicked");
}
HTML:
<input id="button" type="submit" name="button" value="enter"/>
您可以为此添加一个单击事件处理程序:
document.getElementById('button').onclick = function() {
alert("button was clicked");
};
这将在点击时发出警报,如果您想稍后跟踪它,只需在该函数中将变量设置为 true 而不是警报,或者variable++
如果您想计算点击次数,无论您的最终用途是什么。 您可以在此处查看示例。
尝试为点击添加一个事件监听器:
document.getElementById('button').addEventListener("click", function() {
alert("You clicked me");
});
使用addEventListener
可能是比设置更好的主意onclick
-onclick
很容易被另一段代码覆盖。
你可以使用一个变量来存储按钮之前是否被点击过:
var clicked = false
document.getElementById('button').addEventListener("click", function() {
clicked = true
});
这将做到
<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 事件:
<input id="button" type="submit" name="button" value="enter" onclick="myFunction();"/>