web-dev-qa-db-ja.com

JavaScriptを使用してボタンがクリックされたかどうかを確認する方法

これらの線に沿って何かをする簡単な方法はありますか？

JavaScript：

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

HTML：

<input id="button" type="submit" name="button" value="enter"/>
javascriptdom-events
28
Ruth

これにクリックイベントハンドラーを追加できます。

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

これはクリックされたときに警告します。後で追跡したい場合は、警告する代わりにその関数で変数をtrueに設定するか、variable++クリック数をカウントする場合は、最終的な用途に関係なく。 ここに例を見ることができます 。

66
Nick Craver

これでやる

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

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

Onclickイベントを接続するだけです：

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

クリックのイベントリスナーを追加してみてください。

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のaddEventListener

0
ecc521