JavaScript - Überprüfen ob ein Button gedrückt wurde


<script>

// Überprüfen ob ein Button gedrückt wurde

document.addEventListener('DOMContentLoaded'buttonHandler);

function 
buttonHandler() {
 var 
btn document.querySelector("#btn");
 
//btn.addEventListener("mousedown", handler);
 
btn.addEventListener("mouseup"handler);

 function 
handler(event) {
  
//alert(event.type + ' on ' + event.currentTarget.nodeName);
  
if (event.type == "mousedown") {
   
alert("Button wurde gedrückt.");
  }
  if (
event.type == "mouseup") {
   
alert("Button wurde losgelassen.");
  }
 }
}
</
script>

<
button id="btn">Button</button>

Siehe auch: Die Werte in Eingabefeldern per Button-Klick ändern

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<em> Emphatischer Ausdruck

CSS - Verschieben von Hintergründen

PHP - Gerade oder ungerade Zahl ermitteln

JavaScript - Optionen in der Auswahlliste je nach Alter der Person anzeigen

MySQL - MySQL-Anweisung mit PHP ausgeben

Einfaches Design
Die Besucher suchen in erster Linie nach Informationen auf der Webseite und schauen nicht nach dem Design. Erstellen Sie deshalb ein einfaches Design auf Ihrer Homepage das Pflegeleicht ist. Es erspart Ihnen Arbeit, Traffickosten und dem Besucher Ladezeit.