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.

<div> Allgemeines Block-Element

CSS - Pflichtfeld hervorheben

PHP - Daten (Array) mit Komma separieren und Leerzeichen löschen

JavaScript - Zahlen autom. addieren

MySQL - Datenbankinhalte mit AES verschlüsseln und auslesen

Abkürzungen
Ein langer Text mit vielen Abkürzungen, lässt sich viel schwerer lesen, da der Besucher erst überlegen muss, von welchem Wort die Abkürzung stammt.