2017-05-29 25 views
0

イメージに基づいてカウンタを作成しようとしています。 onclickイベントは、デスクトップブラウザやipad safariではうまく動作しますが、iphoneでは正常に動作しません。だから私は 'touchend'のイベントリスナーを追加しようとしています。それはまだiPhoneで起動しません。何が欠けている?ありがとうございました。touchendイベントがiphoneで起動しない

<!DOCTYPE html> 
<html> 
<head> 
    <title>Counter</title> 
</head> 
<body> 
    <span class="counter"> 
    <div> 

     <span id="appCounter" style = "font-size:80px">0</span> 

     <!-- onclick="changeQty('appCounter', 1); --> 
     <img id="plus" 
     src='http://www.pixempire.com/images/preview/plus-circular-mini-button-icon.jpg' height='62px' width='62px'></img> 
     </div> 
     <p> 
    </span> 

    <script type="text/javascript"> 

      var elmt = document.getElementById("plus"); 
      elmt.addEventListener('touchend', function(evt) { 
      evt.preventDefault(); 
      changeQty('appCounter', 1); 
      }, false); 


     function changeQty(elm, val) { 
      var obj = document.getElementById(elm); 
      obj.innerHTML = Math.min(Math.max(parseInt(obj.innerHTML) + val, 0), 9); 
     } 
    </script> 
</body> 
</html> 

答えて

0

使用elmt.ontouchend=function(){};

関連する問題