blocks|key|1256681|text|您可以为此添加一个click事件处理程序：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256682|document.getElementById('button').onclick+=+function()+{
+++alert("button+was+clicked");
}​;​|code-block|syntax|javascript|1256683|这将在点击时发出警报，如果你想稍后跟踪它，只需在该函数中将一个变量设置为true而不是警报，或者如果你想计算点击次数，无论你的最终用途是什么，都可以设置为variable%2B%2B。You+can+see+an+example+here。|offset|length|style|CODE|1256684|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/6qDap/1/^0|0|0|25|A|2G|R|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>You can add a click event handler for this:</p>

<pre><code>document.getElementById('button').onclick = function() {
   alert("button was clicked");
}​;​
</code></pre>

<p>This will alert when it's clicked, if you want to track it for later, just set a variable to true in that function instead of alerting, or <code>variable++</code> if you want to count the number of clicks, whatever your ultimate use is.  <a href="http://jsfiddle.net/6qDap/1/" rel="noreferrer">You can see an example here</a>.</p>


blocks|key|1256732|text|只需连接onclick事件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256733|<input+id="button"+type="submit"+name="button"+value="enter"+onclick="myFunction();"/>|code-block|syntax|javascript|1256734|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just hook up the onclick event:</p>

<pre><code>&lt;input id="button" type="submit" name="button" value="enter" onclick="myFunction();"/&gt;
</code></pre>


blocks|key|1041773|text|这个就行了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1041774|<input+id="button"+type="submit"+name="button"+onclick="myFunction();"+value="enter"/>

<script>
function+myFunction(){
++++alert("You+button+was+pressed");
};+++
</script>|code-block|syntax|javascript|1041775|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This will do it</p>

<pre><code>&lt;input id="button" type="submit" name="button" onclick="myFunction();" value="enter"/&gt;

&lt;script&gt;
function myFunction(){
    alert("You button was pressed");
};   
&lt;/script&gt;
</code></pre>


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


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

var+button=+document.querySelector("button");+//+Accessing+The+Button+//+
button.addEventListener("click",+check);+//+Adding+event+to+call+function+when+clicked+//+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1041783|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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


function check() { 
    console.log(&quot;Button Clicked&quot;);
}; // This Code Works Fine // 

var button= document.querySelector(&quot;button&quot;); // Accessing The Button // 
button.addEventListener(&quot;click&quot;, check); // Adding event to call function when clicked // 
</code></pre>


blocks|key|1041864|text|尝试为点击添加事件侦听器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1041865|document.getElementById('button').addEventListener("click",+function()+{
+++alert("You+clicked+me");
}​);​|code-block|syntax|javascript|1041866|使用addEventListener可能是一个更好的主意，因为设置onclick+-+onclick很容易被另一段代码覆盖。|offset|length|style|CODE|1041867|您可以使用一个变量来存储以前是否单击过该按钮：|1041868|var+clicked+=+false
document.getElementById('button').addEventListener("click",+function()+{
+++clicked+=+true
}​);​|1041869|addEventListener+on+MDN|1041870|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener^0|0|0|2|G|X|7|17|7|0|0|0|0|N|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]|$I|15|J|16|K|L]|$I|17|J|18|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]]|A|$]]|$1|S|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<p>Try adding an event listener for clicks:</p>
<pre><code>document.getElementById('button').addEventListener(&quot;click&quot;, function() {
   alert(&quot;You clicked me&quot;);
}​);​
</code></pre>
<p>Using <code>addEventListener</code> is probably a better idea then setting <code>onclick</code> - <code>onclick</code> can easily be overwritten by another piece of code.</p>
<p>You can use a variable to store whether or not the button has been clicked before:</p>
<pre><code>var clicked = false
document.getElementById('button').addEventListener(&quot;click&quot;, function() {
   clicked = true
}​);​
</code></pre>
<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener" rel="noreferrer">addEventListener on MDN</a></p>


blocks|key|1041895|text|这里的所有答案都讨论了onclick方法，但是您也可以使用addEventListener()。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1041896|addEventListener()的语法|1041897|document.getElementById('button').addEventListener("click",{function+defination});|code-block|syntax|javascript|1041898|上面的函数定义称为匿名函数。|1041899|如果你不想使用匿名函数，你也可以使用函数引用。|1041900|function+functionName(){
//function+defination
}



document.getElementById('button').addEventListener("click",functionName);|1041901|您可以在此答案here中查看onclick()和addEventListener()之间的详细差异。|offset|length|1041902|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/6348494/addeventlistener-vs-onclick^0|0|0|0|0|0|0|7|4|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<p>All the answers here discuss about onclick method, however you can also use addEventListener().</p>

<p>Syntax of addEventListener()</p>

<pre><code>document.getElementById('button').addEventListener("click",{function defination});
</code></pre>

<p>The function defination above is known as anonymous function.</p>

<p>If you don't want to use anonymous functions you can also use function refrence.</p>

<pre><code>function functionName(){
//function defination
}



document.getElementById('button').addEventListener("click",functionName);
</code></pre>

<p>You can check the detail differences between onclick() and addEventListener() in this answer <a href="https://stackoverflow.com/questions/6348494/addeventlistener-vs-onclick">here</a>.</p>


blocks|key|1256871|text|$("#button").on('click',function(){
//do+something
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1256872|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(&quot;#button&quot;).on('click',function(){
//do something
});
</code></pre>


blocks|key|1041939|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1041940|<button+onClick="funtion()">Button+Goes+Here</button|code-block|syntax|javascript|1041941|​|1041942|function+alert(){
console.log('Alert+Showed');
alert('You+clicked+me!');
}|1041943|<button+onClick="alert()">Click+me+to+get+alerted</button>|1041944|1041945|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>you can do something like  this:</p>
<pre><code>&lt;button onClick=&quot;funtion()&quot;&gt;Button Goes Here&lt;/button
</code></pre>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function alert(){
console.log('Alert Showed');
alert('You clicked me!');
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button onClick="alert()"&gt;Click me to get alerted&lt;/button&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1256918|text|document.querySelector("#button").addEventListener("click",+()+=>+{
++++console.log("button+was+clicked");
})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1256919|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>document.querySelector(&quot;#button&quot;).addEventListener(&quot;click&quot;, () =&gt; {
    console.log(&quot;button was clicked&quot;);
})
</code></pre>


<p>Is there a simple way to do something along these lines:</p>

<p>JavaScript:</p>

<pre><code>if(document.getElementById('button').clicked == true)
{
   alert("button was clicked");
}
</code></pre>

<p>HTML:</p>

<pre><code>&lt;input id="button" type="submit" name="button" value="enter"/&gt;
</code></pre>


How to check whether a Button is clicked by using JavaScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

有没有一种简单的方法可以做到以下几点：JavaScript：if(document.getElementById('button').clicked == true){   alert("button was clicked");}HTML：<input id="button" type="submit" name="...

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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