响应式设计和.click（）事件侦听器的问题

Question

所以我所拥有的是一个完整的HTML / CSS网站，我没有设计，我只是继承了它。我目前面临的问题是，在一个页面上，特别是在手机/平板电脑上查看时，几乎变得过于敏感。我的意思是，在页面上滚动实际上变得非常困难，因为有许多小“块”都连接到.click()个侦听器，这些都是通过滚动触发的在手机/平板电脑上。

我真的在寻找最佳实践或任何人可能拥有的任何想法，如何最好地处理这个问题。在谷歌搜索之后，我一直没有找到任何有价值的东西。

我有一些想法，但尚未实施

• 添加延迟，以便在click()事件监听器
中运行代码之前，某人必须实际点击并按住一两秒钟
• 使用媒体查询，大幅减少click()侦听器绑定的元素的大小

无论如何，这里是HTML的示例以及输出到浏览器时最终产品的截图

HTML - 许多这些小<a>块连续与响应式css堆叠

<a href="#" class="brand MerchantTile" data-merchantid="2">
    <span class="image-holder">
        <img src="../images/Macys.png" />
    </span>
    <p>Shop and earn with</p>
    <p>Macys</p>
</a>

截图

Answer 1

从这里开始：Understanding touch events尝试将点击事件迁移到触摸事件以防止这种情况发生。