个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个鼠标悬停事件，该事件会在鼠标悬停的 div 顶部部分创建一个工具提示 div。
但是如果鼠标位于工具提示上，它会触发我的鼠标。我希望它忽略新创建的 div，这样它就不会触发鼠标移出，除非我将鼠标移出原始 div。所以我使用了 e.stopPropagation() 但它似乎没有解决问题。
这是我的代码:
function ToolTip(e,el,data)
{
e.stopPropagation(); //ignore other elements that overlap
var div = createDiv();
div.style.left = el.offsetLeft + 10 + 'px';
div.style.top = el.offsetTop + 10 + 'px';
div.className = 'ToolTip';
div.innerHTML = 'This is a tooltip!';
document.body.appendChild(div);
function removeToolTip()
{
el.removeEventListener('mouseout',removeToolTip,false);
removeDiv(div);
}
el.addEventListener('mouseout',removeToolTip,false);
}
div.addEventListener("mouseenter",function(e){ToolTip(e,this,data);},false);
我是否误解了e.stopPropagation()的使用？
我用脚本制作了一个jsfiddle: http://jsfiddle.net/Lc7t7/
最佳答案
据我了解，您试图阻止工具提示与光标交互，因为当它这样做时，它不与工具提示所属的元素交互。您需要做的就是使工具提示对光标“不可见”。停止传播没有帮助，因为工具提示的父级不是工具提示元素，而是 <body>元素。
令人惊讶的是，这个问题的答案不是 JavaScript，而是 CSS。 CSS pointer-events property ，当设置为none时，使元素不与光标交互。 JavaScript 应该尊重这一点，并忽略您使用工具提示“将鼠标移出”元素的事实。不幸的是，浏览器支持是 lacking在许多浏览器的旧版本中，因此请记住这一点。
关于javascript - e.StopPropagation() 忽略重叠元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24523656/
25
4
0
您好，我在最后一步使用了 add 和 offer 来添加我的元素。两者都返回 boolean 值，并且除了 NPE 之外都不会抛出任何异常。 public class ArrayDequeDemo
我正在做一个功能，用户的电子邮件客户端只打开一个预填充的内容 (javascript)。 问题是我在转换特殊字符时遇到问题，因此它们无法正确显示到电子邮件客户端(内容由 url 传递)。 我写了一个函
问题一: 在阅读 JDK 源代码时，我发现该方法 boolean add(E e);在接口(interface)中定义 Collection & Queue & BlockingQueue . 我无法
我想比较 SQL 中的两个 varchar，一个类似于 Cafe ，另一个 Café SQL 中是否有一种方法可以允许这两个值进行比较。例如: SELECT * FROM Venue WHERE Na
我正在研究一种方法来搜索文本中的特定单词并突出显示它们。该代码工作完美，除了我希望它也匹配相似的字母。我的意思是，搜索 fête 应该匹配 fêté、fete、... 有没有一种简单而优雅的方法来做到
所以我有一个非常简单的组件，它加载了一个简单的路由器。我正在使用所有基本的东西，比如 ngFor、ngSwitch、ngIf，我通过 COMMON_DIRECTIVES 注入(inject)它们 我收
我有一个类似 Brazil: Série A 的字符串，我的目标是转换为 Brazil: Serie A。 此外，方法应该转换和其他类似的情况:é -> e, š -> s, ė -> e , ą -
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
在我的 app.module.ts @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule
Sample查询: SELECT e FROM Employee e WHERE SUBSTRING(e.name, 3) = 'Mac' 在这种语法中，说 SELECT e 似乎很直观，即 e 现在
objective-c 中是否有一种简单的方法可以将所有特殊字符(如 ë、à、é、ä)转换为普通字符(如 e en a)？ 最佳答案 是的，而且非常简单: NSString *src = @"Conv
我想将 ë 之类的字符转换为普通的 e。我正在寻找关于语言和人们如何输入城市的转换。例如，大多数人在搜索时实际上输入的是 Brasilia，而不是 Brasília。当 Rueters 等新闻机构报道
当我写作时 $("#new_lang").click(function(e) { alert("something"); e.stopPropagation(); }); 这里的 e 是什么，
我想知道如何将 Java List 转换为 Map。映射中的键是列表元素的某些属性(不同的元素可能具有相同的属性)，值是这些列表项的列表(具有相同的属性)。例如。 List --> Map> 。我找到
我试图理解，为什么我们需要 Deque 中的 Offer 和 OfferLast 方法，因为这两种方法都在Deque 的结尾/尾部。它有什么意义？ 最佳答案 Queue 接口(interface)是在
这个问题是这个问题的延续 here .如果有人想知道为什么我需要做这样的事情，你可以在那个问题中找到理由。这并不重要，真的。 我需要这样的方法: public virtual Expression>
注意:这个问题与 Enum 无关，所以它不是重复的。Enum 被迫只与自身比较，因为编译器生成类型参数，而不是因为 java 递归类型参数。 我试图找到将类声明为的优势: public class S
注意:这个问题与 Enum 无关，所以它不是重复的。Enum 被迫只与自身比较，因为编译器生成类型参数，而不是因为 java 递归类型参数。 我试图找到将类声明为的优势: public class S
如果我有一个struct example *e，function(&e) 和function(e) 之间有什么区别？ 一个例子。 这是第一个代码: #include struct example {
这个问题在这里已经有了答案: C# 7.0 ValueTuples vs Anonymous Types (2 个答案) 关闭去年。 这两个查询有什么区别？ var query = from e i
我是一名优秀的程序员,十分优秀！