2013-02-12 14 views
6

Neden kimse touchenter olayı bu kodda çalışmıyor? Mouseenter bir masaüstünde iyi çalışıyor. Çok basit olmalı, ben de bir şey özlüyorum. Buradatouchenter olayı çağrılmadı

Örnek - aşağıda http://jsfiddle.net/gCEqH/6/

Tam kodu:

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    </head> 

    <body> 
     <img id="myImg" src="http://jackiehutchings.com/wp-content/uploads/2011/09/g-plus-icon-96x96.png" />   

     <script> 
      $(window).load(function() { 
      $('#myImg').on("touchenter mouseenter", function(event){ 
       alert('entered!'); 
      }); 
     }); 
     </script> 
    </body> 
</html> 
+0

Windows Phone'da benim için çalıştığından emin misiniz? Hangi tarayıcı? – enginefree

+0

Android telefonda veya iPad'de çalışmıyor. Telefonda hem standart tarayıcıyı hem de Opera'yı denedim. Benim ipad için – Justin

+0

onun iyi çalışıyor. üzerinde çalışırken iyi çalışıyor. irtibatta durmak mı arıyorsunuz? – karthik

cevap

0

Belki böyle bir şey çalışacak?

var elementIdTouching = ""; 
$('body').on("touchmove", function(e){ 
    var tList = e.touches; // get list of all touches 
    for (var i = 0; i < tList.length; i++) { 
     var thisTouch = tList[i]; // not 100% sure about this 
     var elementTouching = document.elementFromPoint( 
      thisTouch.screenX, 
      thisTouch.screenY 
     ); 
     if (elementTouching.id != elementIdTouching) { 
      elementIdTouching = elementTouching.id; 
      if (elementTouching.id == "myImg") { 
       alert("entered!"); 
      } 
     } 
    } 
}).on("touchend", function(e){ 
    elementIdTouching = ""; 
}); 
$('#myImg').on("mouseenter", function(e){ 
    alert('entered!'); 
}); 

tlist ~ https://developer.mozilla.org/en-US/docs/Web/API/TouchList

Yasal Uyarı: Bu test etmedim.

+0

Bu yaklaşım işe yarıyor ama çok yavaş. Yine de bir çözüm buldum. (yukarıdaki yorumlarıma bakın). – Justin

+0

Quirksmode'a göre, 'clientX' ve 'clientY', 'screenX' ve 'screenY' den daha iyi bir seçim olacaktır: http://www.quirksmode.org/dom/w3c_cssom.html#t20 – Webthusiast

İlgili konular