如何为移动浏览器模拟触摸事件？ 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将控制它的外观。 希望这可以帮助！ :)