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");
};

这会在点击时发出警告，如果你想稍后跟踪它，只需在该功能中设置变量而不是提醒，或variable++如果你想计算点击次数，无论你的是什么最终用途是。 You can see an example here

Answer 2

这样做

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

<script>
function myFunction(){

alert("You button was pressed");

};

</script>

希望有所帮助

Answer 3

挂上onclick事件：

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

Answer 4

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

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

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

您可以使用变量来记住是否在单击按钮之前：

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

addEventListener on MDN

Answer 5

你可以这样做：

<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 6

if(button.clicked==true){
console.log("Button Clicked);
} ==> // This Code Doesn't Work Properly So Please Use Below One // 

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

function check(){ 
console.log("clicked");
}; // This Code Works Fine //

Answer 7

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

addEventListener（）的语法

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

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

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

function functionName(){
//function defination
}



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

您可以在此答案here中检查onclick（）和addEventListener（）之间的详细区别。

Answer 8

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

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

8 个答案: