ios - CSS :hover iOS - on/off

Question

过去一个小时我在网上搜索了一个解决方案。我想在 iOS 上实现以下悬停行为。

第一次点击 -> 悬停
第二次点击 -> 悬停关闭

主要用于展示图片。

Answer 1

由于 CSS 标记，我假设您想在 HTML 中执行此操作。如果没有 javascript，这几乎是不可能的。您可以添加一个点击事件处理程序来切换 .hover 类。例如(未经测试的代码，不要复制粘贴；)

element.addEventListener('click', function(evt) {
    if (this.className == 'hover') {
        this.className = 'hover';
    } else {
        this.className = '';
    }
});

如果文档中有其他类，使用 JS 框架可能更容易，例如jQuery(同样未经测试):

jQuery(element).click(function(evt) { 
    jQuery(this).toggleClass('hover'); 
});