如何模擬移動瀏覽器的觸摸事件？ Android，iPhone？

Question

我正在創建一個web應用程序。我正在手機瀏覽器上測試它，並注意到：活動僞類dsnt確實有效。我應該如何模擬移動瀏覽器的點擊次數？我正在使用CSS精靈。我偶然發現了ontouchstart，但不知道如何使用它。任何人都可以幫助我嗎？提前致謝。

Answer 1

完全正確，ontouchstart將幫助您實現某些目標，從更改CSS到能夠拖動支持觸摸事件的觸摸設備上的元素。而且你正在使用jQuery，它可以讓你將這些事件綁定到你的元素上。

我寫了一個article on PHPAlchemist.com，詳細介紹了爲移動設備創建觸摸事件集成的自定義滾動條所需的步驟，但這可能有點深遠。從本質上講，你會想要做這樣的事情（jQuery的Javascript代碼）：

// get your button... 
var my_button = $(".my_button_class"); 

// first, bind the touch start event to your button to activate some new style... 
my_button.bind("touchstart", function() { 
    $(this).addClass("button_active"); 
}); 

// next, bind the touch end event to the button to deactivate the added style... 
my_button.bind("touchend", function() { 
    $(this).removeClass("button_active"); 
}); 

......然後，在你的CSS，你可以有這樣的事情，例如：

.my_button_class 
{ 
    background-image: url(image.png); 
    background-position: 0px 0px; 
} 

.button_active 
{ 
    background-position: 0px -20px; 
} 

在簡而言之，您在觸摸啓動時向按鈕添加類，並在觸摸結束時將其刪除，並且CSS將控制它的外觀。希望這可以幫助！ :)