CSS：悬停iOS - 开/关

Question

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

第一次点按 - ＆gt;徘徊在 第二次点按 - ＆gt;徘徊

这主要用于呈现图像。

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'); 
});