Javascript 例如，有没有一种方法可以在单击事件而不是悬停时激活转换？

我正在努力为我的问题找到一个非JS的解决方案。有没有一种方法可以在单击时激活CSS转换，而不是单击：悬停或其他？

也有用于单击的方法。但它的名字有些奇怪，通常只知道它与HTML链接样式有关

DIV.button:active {
   border-style: inset;
}

---

一种可能性：您可以添加一个类，在单击时保存转换。这是一个使用jQuery的示例-您也可以仅使用“原始”JavaScript以编程方式实现这一点：

应设置动画的HTML容器

<div id="transtion"></div>

---

到目前为止你有什么？你能给我们看一下你的代码和标记吗？在这种情况下没有什么可尝试的，你只需要知道使用哪种CSS规则。

=。点击
？@TomášZato是的-已经纠正了-我正在一个英文键盘上打字，它的布局与我的默认键盘不同。：）我知道那种感觉，兄弟无论如何，我不确定使用jQuery是否是询问者想要的，尽管你的解决方案很好而且清晰。记住jQuery也是javascript。@TomášZato Haha当然是。正如我试图说的，这只是jQuery的一个示例，但是它可以很容易地完成，而不需要任何JavaScript库。：）哈哈，在重新阅读了这个问题后，我发现它是一个非JavaScript解决方案。完全忽视了这一点。但是没有JavaScript是不可能的，我只需要点击一次。我不想一直按下click。然后你需要使用javascript——一定有东西能记住对象被点击了。在这种情况下，你不应该投反对票，因为你在问题中没有具体说明这一点。这是您最初要求的非javascript解决方案。
// bind click event to the element itself - but it can also be any other element that triggers this …
$('#transition').click(function() {
    // add the classname thats defined with the transition in your CSS
    $(this).addClass('translate_left');
});