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

Answer 1

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

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

这会在单击时发出警报，如果您想稍后跟踪它，只需在该函数中将变量设置为 true 而不是警报，或者

variable++

如果您想计算点击次数，无论您的最终用途是什么。 您可以在此处查看示例。

Answer 2

尝试添加点击事件侦听器：

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

Answer 3

这样就可以了

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

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

Answer 4

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

addEventListener()的语法

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

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

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

function functionName(){
//function defination
}



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

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

Answer 5

只需挂接 onclick 事件即可：

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

Answer 6

$("#button").on('click',function(){
//do something
});

Answer 7

你可以这样做：

<button onClick="funtion()">Button Goes Here</button

function alert(){
console.log('Alert Showed');
alert('You clicked me!');
}

<button onClick="alert()">Click me to get alerted</button>

Answer 8

function check() { 
    console.log("Button Clicked");
};

var button= document.querySelector("button"); // Accessing The Button // 
button.addEventListener("click", check); // Adding event to call function when clicked // 

Answer 9

document.querySelector("#button").addEventListener("click", () => {
    console.log("button was clicked");
})

Answer 10

// this event listener will help you detect clicks on the document
document.addEventListener('click', function(e){   
// <event>.<target>.<id> check that the id is 'button'
if(e.target.id === 'button'){
    // do something here 
    console.log(e.target.id); 
}

}

Answer 11

更简单的方法是通过 html onclick

<input id="button" onclick= 'your function here'  type="submit" name="button" value="enter"/> 

或使用按钮

<button id="button" onclick= 'your function here'  type="submit" name="button" value="enter">Your text here </button>