我怎么能强制悬停状态？

Question

我有一个文本按钮，其中包含：悬停颜色更改。单击该按钮可缩小其所在的div，从而将按钮从单击它的鼠标光标下移出。这样做会使按钮处于：悬停状态，因此它不会更改回非悬停颜色。有没有什么方法可以强制按钮退出悬停状态（因为我知道它不会在那个时刻徘徊）？

jsfiddle示例：http://jsfiddle.net/forgetcolor/vYjMv/6/

p.s。：我知道在那个jsfiddle例子中，只要我自己移动鼠标状态改变，但不幸的是在我自己的例子中它不会 - 直到我再次移动按钮。我猜这是因为在我的情况下，当收缩元素移动时，鼠标光标下方留下的是一个带有PDF的iframe（？）

Answer 1

我不会在CSS中使用:hover选择器，而是使用.hover类。然后，您可以明确地将此类分配给mouseover / mouseout，并在需要时明确删除它。

这会解决您的问题吗？

<强>更新

建议：使用jQuery的$().hover()。