क्या एक डीआईवी पर इवेंटलिस्टर जोड़ना संभव है?

Question

मैं इस समारोह को पता है:

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

लेकिन यह एक div में जोड़ने के लिए संभव है? उदाहरण:

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

मैंने अभी तक इसका परीक्षण नहीं किया है, शायद आप में से कुछ लोग इसे जानते हैं?

Answer 1

हाँ, यह है कि आप इसे कैसे करते हैं।

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

या jQuery

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

Answer 2

इसका उल्टा अगर आप addEventListener एक विकल्प का उपयोग नहीं कर रहे हैं, शायद आईडी पर नियंत्रण पाने के लिए के साथ।

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