CSS :hover iOS - 开/关

【问题标题】：CSS :hover iOS - on/offCSS :hover iOS - 开/关
【发布时间】：2014-02-04 05:28:10
【问题描述】：

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

第一次点击 -> 悬停在
第二次点击 -> 悬停

这将主要用于呈现图像。

【问题讨论】：

【解决方案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'); 
});

【讨论】：