链接仍然是:从JS打开时悬停' ed

时间:2015-06-10 20:59:56

标签: javascript jquery html css frontend

对于深入了解前端的人来说,这可能会有点有趣。

这没有意义,请亲自尝试:

  1. 打开包含href + target="_blank"
  2. 的链接
  3. 关闭已打开的标签并返回原始
  4. 链接状态现为:focus
  5. 没关系。但是这有什么问题呢?

    1. 在点击事件
    2. 上打开window.open()的链接
    3. 关闭已打开的标签并返回原始
    4. 链接状态现在为:hover,即使它并未真正徘徊。除非你开始移动光标,否则你无法做任何事情。 trigger('mouseout')没有帮助,也没有任何帮助。
    5. 这里是JSFiddle - 我为每个事件添加了console.log()输出,并使状态变为不同的颜色,这样你就可以看得更清楚。

1 个答案:

答案 0 :(得分:0)

浏览器保持:hover状态,直到鼠标经过其他东西,如果鼠标在打开新窗口/标签时保持在相同位置,它将保留:hover。当您将焦点返回到页面时,只要您将鼠标移到其他内容上,:hover就会删除。某些计算机上的这种行为可能是错误的(不一定是浏览器错误),并且一直持续到你在另一个地方点击为止。