Comment vérifier si un Bouton est cliqué par l'aide de JavaScript

Est-il un moyen simple de faire quelque chose le long de ces lignes:

JavaScript:

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

HTML:

<input id="button" type="submit" name="button" value="enter"/>
InformationsquelleAutor Ruth | 2010-05-07
  1. 67

    Vous pouvez ajouter un gestionnaire d'événements click pour cela:

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

    Cette alerte lorsqu'il est cliqué, si vous souhaitez suivre pour plus tard, il suffit de définir une variable à true dans cette fonction à la place de l'alerte, ou variable++ si vous voulez compter le nombre de clics, quel que soit votre utilisation ultime est. Vous pouvez voir un exemple ici.

    InformationsquelleAutor Nick Craver
  2. 4

    Cela fera

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

<script>
function myFunction(){
    alert("You button was pressed");
};   
</script>
    InformationsquelleAutor Sabba Keynejad
  3. 2

    Il vous suffit de brancher l'événement onclick:

    <input id="button" type="submit" name="button" value="enter" onclick="myFunction();"/>
    • S'il vous plaît ne pas l'utiliser dans la ligne de gestionnaires, il y a donc de nombreuses raisons de ne pas le faire.
    • Cette réponse n'est pas utile lors de la programmation d'un site web qui n'a pas été écrite par nous, c'est-à - nous n'avons pas la possibilité de l'éditer du code html.
    • Pourquoi êtes-vous en train d'essayer d'automatiser un site web que vous n'écrivez pas? Si vous ne pouvez pas modifier le code HTML, alors vous ne pouvez pas ajouter du JavaScript à la page.
    • parce que c'est ce que je suis payé 🙂
    InformationsquelleAutor Paolo
  4. 0

    Essayez d'ajouter un écouteur d'événement pour les clics:

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

    À l'aide de addEventListener est probablement une meilleure idée de définir ensuite onclick - onclick peut facilement être remplacé par un autre morceau de code.

    Vous pouvez utiliser une variable de vous rappeler si le bouton a été cliqué avant:

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

    la méthode addEventListener sur MDN

    InformationsquelleAutor ecc521
  5. -1
    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 //
    InformationsquelleAutor Ganesh Koirala