我有一个元素title
属性(即,工具提示),包裹在一些容器中:
<div id="foo">
<input type="text" title="A tooltip" />
</div>
并且附上一个"mousemove"
在容器上事件侦听器和停止事件传播:
document.getElementById('foo').addEventListener(
'mousemove',
function(e) { e.stopPropagation() },
false
)
在容器上停止“mousemoves”的传播的这种组合现在防止从工具提示显示出来用于内文本框, 在Firefox 2和向上。 我试过FF 2 .0.0.20],3 .0.11],和最新的3.5(在Windows Server 2003,XP)。
作为一个快速运动,Firefox用户可以通过运行下面的等效逻辑如上在地址栏中看到这个bug在行动:
javascript:void($('div.vote').mousemove(function(e){ e.stopPropagation() }))
现在,鼠标悬停任何的投票支持,否决,或为这一问题星级(收藏)图标。 工具提示不再出现。 再次,在Firefox只 。
有没有人有在Firefox这种行为/错误解决方法? 有没有其他人目睹了这一点?
更新 :看来Firefox使用“鼠标停止移动”来触发提示在chrome浏览器(例如,后退/前进按钮)。 见https://bugzilla.mozilla.org/show_bug.cgi?id=82953 。 但是我不能告诉我们,如果这会影响DOM。
更新 :看来火狐10是表现出这种行为的最后一个版本。 Firefox的11.0及以后显示工具提示,无论事件的传播。
更新 :火狐33(0.1)不再出现此问题。