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

Question

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

Answer 1

非常正確， ontouchstart將幫助您實現一些目標，從更改CSS到能夠在支持觸摸事件的觸摸設備上拖動元素。 而你正在使用jQuery，它允許你將這些事件綁定到你的元素。

我在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將控制它的外觀。 希望這可以幫助！ :)