2016-06-07 38 views
1

我使用一個按鈕在我的網頁調用javascript函數如下:如何更改onclick,使其適用於手機瀏覽器?

<button onclick=" updateText(); "> Update </button> 

我想這個按鈕可以在兩臺計算機上工作,電話/ I-墊瀏覽器。手機瀏覽器使用TAB,而不是鼠標點擊。 我應該如何更新按鈕代碼,以便它可以在手機瀏覽器上使用? 我不使用jQuery 感謝

+0

您可以使用touchstart或touchend事件。 – vinni

+0

如何使用jQuery庫$('#buttonId')。on('click',function(){ //在此處放置代碼 }); –

+0

觸摸事件具有相關的touchstart和touchend事件,相當於帶有mousedown和mouseup事件的點擊事件。請參閱[* MDN-Touch events *](https://developer.mozilla.org/en-US/docs/Web/API/Touch_events)開始。你不應該做任何事情,觸摸會派發一個點擊事件,以便監聽器被調用。 – RobG

回答

0

你可以做到這 -

HTML的

<button id="updateText" > Update </button> 

Jquery-

$(document).ready(function(){ 
    $('#updateText').on('click touchstart', function() { 

     //your code 

    }); 
}); 

在Javascript中: -

  <script> 
      var updateTextFunction = function(){ 
       alert('hi'); 
      }; 

     window.addEventListener('load', function(){ 

      var updateText= document.getElementById('updateText') 

     updateText.addEventListener('touchstart', function(e){ 

       e.preventDefault(); 
       updateTextFunction(); 

      }, false) 



     updateText.addEventListener('click', function(e){ 

       e.preventDefault(); 
       updateTextFunction(); 

      }, false) 

     }); 


</script> 
+1

嗨,謝謝。這適用於Firefox和Chrome,但IE說對象不支持這個屬性。就行了:window.addEventListener,但我想在android或iphones上沒有IE,所以我猜這會起作用。非常感謝。 –

相關問題