webentwicklung-frage-antwort-db.com.de

Kann ich einen Eventlistener zu einem DIV hinzufügen?

Ich kenne diese Funktion:

document.addEventListener('touchstart', function(event) {
    alert(event.touches.length);
}, false);

Aber kann man dies zu einem Div hinzufügen? Beispiel:

document.getElementById("div").addEventListener('touchstart', function(event) {
        alert(event.touches.length);
    }, false);

Ich habe es noch nicht getestet, vielleicht wissen es einige von euch? 

javascriptcsseventsjavascript-eventstouch
28
Roskvist

Ja, so machst du es.

document.getElementById("div").addEventListener("touchstart", touchHandler, false);
document.getElementById("div").addEventListener("touchmove", touchHandler, false);
document.getElementById("div").addEventListener("touchend", touchHandler, false);

function touchHandler(e) {
  if (e.type == "touchstart") {
    alert("You touched the screen!");
  } else if (e.type == "touchmove") {
    alert("You moved your finger!");
  } else if (e.type == "touchend" || e.type == "touchcancel") {
    alert("You removed your finger from the screen!");
  }
}

Oder mit jQuery

$(function(){
  $("#div").bind("touchstart", function (event) {
    alert(event.touches.length);
  });
});
40
iRyanBell

Umgekehrt, wenn Sie addEventListener nicht verwenden, ist dies wahrscheinlich eine Alternative, um die ID zu steuern.

 $(document).ready(function () {
            $('#container1').on("contextmenu", function (e) {
                e.preventDefault();
            });
        });
0
KiranSolkar

Angenommen, Sie müssen Text in das Element h1 einfügen, wenn ein Benutzer auf die Schaltfläche klickt. Es ist ziemlich einfach, das spezifische Element von HTML an die Methode addEventListener () zu binden

<button id="button">Show me</button>


<h1 id="name"></h1>


document.getElementById("button").addEventListener("click", function(){
  document.getElementById("name").innerHTML = "Hello World!";
});
0
rawatDigamber