¿Es posible agregar un eventlistener en un DIV?

Question

Sé que esta función:

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

Pero, ¿es posible añadir a un div? Ejemplo:

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

Aún no lo he probado, tal vez algunos de ustedes lo saben?

Answer 1

Sí, así es como lo haces.

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!"); 
    } 
} 

O con jQuery

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

Answer 2

La otra forma si no está utilizando addEventListener, probablemente una alternativa para conseguir el control de identificación.

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