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.

<!-- --> Kommentar

CSS - Ladeanimation ohne Bild-Grafik

PHP - Zufallszahl anzeigen

JavaScript - HTML 5 - Pflichtfeld setzen mit JavaScript

MySQL - Mit mehreren Begriffen gleichzeitig suchen

Datei-Download
Auf vielen Webseiten werden Programme und so weiter als Download angeboten, leider ohne irgendeinen Hinweis auf die Dateigröße. Geben Sie deshalb die Größe des Datei-Downloads immer an. So kann der Benutzer schon im Vorfeld die ungefähre Downloadzeit einschätzen. Außerdem sollten Sie auf eine eindeutige Bezeichnung des Downloads achten.