1
我使用一個按鈕在我的網頁調用javascript函數如下:如何更改onclick,使其適用於手機瀏覽器?
<button onclick=" updateText(); "> Update </button>
我想這個按鈕可以在兩臺計算機上工作,電話/ I-墊瀏覽器。手機瀏覽器使用TAB,而不是鼠標點擊。 我應該如何更新按鈕代碼,以便它可以在手機瀏覽器上使用? 我不使用jQuery 感謝
我使用一個按鈕在我的網頁調用javascript函數如下:如何更改onclick,使其適用於手機瀏覽器?
<button onclick=" updateText(); "> Update </button>
我想這個按鈕可以在兩臺計算機上工作,電話/ I-墊瀏覽器。手機瀏覽器使用TAB,而不是鼠標點擊。 我應該如何更新按鈕代碼,以便它可以在手機瀏覽器上使用? 我不使用jQuery 感謝
你可以做到這 -
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>
嗨,謝謝。這適用於Firefox和Chrome,但IE說對象不支持這個屬性。就行了:window.addEventListener,但我想在android或iphones上沒有IE,所以我猜這會起作用。非常感謝。 –
您可以使用touchstart或touchend事件。 – vinni
如何使用jQuery庫$('#buttonId')。on('click',function(){ //在此處放置代碼 }); –
觸摸事件具有相關的touchstart和touchend事件,相當於帶有mousedown和mouseup事件的點擊事件。請參閱[* MDN-Touch events *](https://developer.mozilla.org/en-US/docs/Web/API/Touch_events)開始。你不應該做任何事情,觸摸會派發一個點擊事件,以便監聽器被調用。 – RobG