Question

假设我的html页面中有以下锚点：

<a href="www.google.com">Button</a>

如何使其触摸友好？我相信默认情况下它会在Click上触发URL - 所以我可以在Touch上触发URL吗？

我试图添加此功能，但实际上并不认为它有效。 $("a").on('touchstart click', function(e) {};

我用Google搜索了，但确实没有发现任何令人惊讶的结果！有什么想法吗？我只是希望我的主播能够迅速做出反应。例如，我有以下功能：

//Off-canvas menu
    $("#secondHeader .menu-button").on('touchstart click',  function(e) {
        e.preventDefault();
        $("#page, #secondHeader").toggleClass("pageOpen");
        $("#headerWrapper").toggleClass("headerOpen");
        $(this).toggleClass("menu-button-active");
    });

当我从智能设备上测试时，您可以看到我正在使用.on('touchstart click'，它比我网站上的任何其他锚点响应更快，我相信这是因为“touchstart”命令。那么我也可以将这个命令用于我的锚点吗？

Answer 1

您想要达到什么目标？大多数支持触摸的设备将触摸（如：点按）事件映射到点击事件，因此触摸任何内容都与点击它们相同。简单地说，在启用触摸功能的设备上点击您显示的链接会导致导航到URL。

如果您想实现其他目标，请提供更多详情！：）

制作<a> tags touch friendly</a>

1 个答案: