如何防止我的触控设备执行:: hover而不是点击功能？

Question

好的，这可能是一个常见的问题，但我现在还没有找到解决方案。

我的网站上有一个瓷砖，实际上是一个div容器，如果我点击它触摸设备，我想添加一个“触摸”类。

除了第一次点击之外，一切都很好，它不会执行我的点击功能，但是:: hover。第一次点击后，一切都按预期工作。

这是一些代码

function init() {
        $tile.on('click', toggleTouchClass );
    }

function toggleTouchClass(){

        if( $('html').hasClass('isTouch') ){
            $tile.toggleClass('touched');
        } else{
            return
        }
    }

当文档准备就绪时，会调用

init。

提前致谢。

Answer 1

您应该在触摸设备上订阅"/(?<!\\w)(" . preg_quote($Word) . ")s?(?!\\w)/i"事件：

touchstart