Chrome 中在文本区域上执行鼠标悬停的奇怪行为

发布于 2024-11-02 14:53:27 字数 401 浏览 1 评论 0原文

我有一个奇怪的问题，我无法解决。它仅存在于 Chrome 中。我使用的库是 Prototype 1.6。

基本上，我将两个元素包装到一个容器元素中。两个子元素中的第一个是可见的，第二个是隐藏的。在隐藏元素内我有一个 textarea 元素。当我将鼠标悬停在容器元素上时，第一个子元素应该隐藏，第二个子元素应该显示出来。当我鼠标移出时，行为应该相反。您可以在这里看到它以及错误:)

http://jsfiddle.net/gmM9m/2

由于某种原因，在 Chrome 中，当我将鼠标悬停在文本区域上时，元素开始闪烁，因为它们不断地自行打开和关闭。有谁知道导致这种行为的原因以及我该如何规避它？

谢谢你！卢卡

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

じее 2024-11-09 14:53:27

我得到的最接近的是将事件添加到鼠标移出的回调函数中，并确保它来自您想要的元素。这看起来有点 hackish，但也许这是 Chrome 中的一个错误。我也看到了，但是wong2似乎没有看到。

查看我的修订版，初始鼠标悬停时仍然有轻微的口吃。

http://jsfiddle.net/gmM9m/10/

回复收藏 0 原文

银河中√捞星星 2024-11-09 14:53:27

我刚刚遇到类似的问题并使用 jquery“mouseenter”和“mouseleave”事件解决了它
请参阅 http://api.jquery.com/mouseenter/

回复收藏 0 原文

最佳男配角 2024-11-09 14:53:27

这对我有用。（我不熟悉 JQuery 的 observe 方法，所以我使用 JavaScript 的 addEventListener 代替）

$('container').addEventListener("mouseover", function(event){
    $('front').hide();
    $('back').show();
    event.stopPropagation();
}, false);

$('container').addEventListener("mouseout", function(event){
    $('front').show();
    $('back').hide();
    event.stopPropagation();
}, false);

重点是 stopPropagation。在此处运行：http://jsfiddle.net/RDXzR/

This works for me.(I'm not familar with JQuery's observe method, so I use JavaScript's addEventListener instead)

$('container').addEventListener("mouseover", function(event){
    $('front').hide();
    $('back').show();
    event.stopPropagation();
}, false);

$('container').addEventListener("mouseout", function(event){
    $('front').show();
    $('back').hide();
    event.stopPropagation();
}, false);

The point is stopPropagation. Run it here: http://jsfiddle.net/RDXzR/

回复收藏 0 原文

~没有更多了~