我有以下 html 结构:
<span>
<label>
<input this is my button's area />
<span> this is the svg icon</span>
</label>
</span>
我有一个 jQuery 悬停事件影响我的输入，并且跨度绝对位于输入区域内，因此它在视觉上位于输入区域上方。
悬停事件更改了输入类，因此我可以更改按钮颜色，但是当鼠标移动到包含图标的范围上时，输入中的悬停类会按预期关闭，并且按钮似乎不会活跃。
有没有一种方法可以让悬停事件持续存在，即使我悬停同级跨度而不重新排列 DOM？
最佳答案
最终为我工作的是一个新的同级 div，绝对位于输入之上。只是，悬停效果很好，最重要的是，点击事件不受影响。
谢谢大家帮助我集思广益。
更新:仍然存在一些问题:在 IE 中，悬停仅在鼠标位于按钮边框上方时才有效(!!)。当您将鼠标悬停在绝对定位的 div 或输入上时，悬停事件将被取消。有什么想法吗？我找不到合乎逻辑的解释。
(请记住在 IE 中打开此链接以复制问题，并在 chrome/ff 中打开此链接以查看预期行为。)
$('.xtraBlock ').mouseover(function(){
$('.popup').hover();
});
关于jquery - 将 svg 图标悬停在输入上方被中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16973067/