个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
有一段代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Events Examples</title>
<style>
ul {
width: 200px;
height: 200px;
margin: 10px;
background-color: #ccc;
float: left;
}
.highlight {
background-color: red;
}
</style>
</head>
<body>
<ul id="list">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
<script>
const ul = document.querySelector('#list');
ul.addEventListener('mouseover', highlight);
ul.addEventListener('mouseout', highlight);
function highlight(event) {
console.log(event.target);
event.target.classList.toggle('highlight');
}
</script>
</body>
</html>
启动后是这样的:
我对听众的期望。当我将鼠标移到“ul”的灰色区域时，highlight() 函数应该可以工作。好吧，它工作正常。我不明白的是:当我将鼠标移到“li”元素上时，highlight() 会因未知原因再次工作。如何修复？我是 JS 的新手，我还没有找到所描述问题的答案。
最佳答案
如果你说你只想突出显示整个区域，那么使用 "mouseenter" 和 "mouseleave" 代替，this 引用元素。
那么就没有事件冒泡问题需要处理了。
const ul = document.querySelector('#list');
ul.addEventListener('mouseenter', highlight);
ul.addEventListener('mouseleave', highlight);
function highlight(event) {
this.classList.toggle('highlight');
}ul {
width: 200px;
height: 200px;
margin: 10px;
background-color: #ccc;
float: left;
}
.highlight {
background-color: red;
}<ul id="list">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>关于javascript - eventListener 和封闭元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47858630/
26
4
0
从the documentation, 13.5.5: When the last parameter of a method is a closure, you can place the clos
Bjarne Stroustrup 写道: “友元类必须事先在封闭范围内声明或在非类范围内定义，立即封闭声明它为友元的类” 语句的第一部分不是多余的，因为“立即包含类的非类范围”包括“先前在封闭范围中
我有一个网格(如下例)，其中包含外墙(标记为 W)、环境 block (E)、开放空间 (o) 和事件点 (A)。目前，此网格存储在 [,] 中，其中包含与给定点关联的所有数据。我试图确定是否包含一个
我正在尝试使用 this blogpost's approach to higher-kinded data without dangling Identity functors for the tr
在下面的代码中: package main import ( "fmt" "time" ) func asChan(vs ...int) <-chan int { c := m
我在传递和评估闭包列表时遇到困难。经过大量简化，该程序显示出与我正在尝试编写的程序相同的错误: use std::vec::flat_map; #[main] fn main() { let li
我正在努力成为一名好公民，并尽可能远离全局范围。有没有办法访问不在全局范围内的 setTimeout 变量？ 因此，在此示例中，某人将如何取消“计时器”？ myObject.timedAction =
考虑这个例子: def A(): b = 1 def B(): # I can access 'b' from here. print(b)
val listPlans: List = newPlans.mapTry { it.data.map { Plan(it.id, it.nam
我目前正在尝试使用SinonJS对我的 angular.service 进行单元测试，但是遇到了一个问题，希望有人可以阐明为什么会发生这种情况。我已经重构了当前的项目以说明当前的问题。 我还提供了DE
我正在使用 Go channel ，我想知道关闭 channel 和将其设置为 nil 之间有什么区别？ 编辑: 在此example ，我想通过关闭 channel 或设置为零来断开发送者和接收者的连
我的应用程序有一个奇怪的行为，我不知道它来自哪里。我已经为 TextView 内容实现了 NSScanner，效果非常好。扫描器与文本存储结合使用，通过 TextView 委托(delegate)方法
我不知道如何让 MyBatis 生成封闭的 or 语句: WHERE x.token = ? AND ( (x.scene = 'A' OR x.scene = 'B')) 这是一个令人惊讶的简单
我不希望这是一个摄像头检测程序。这是一个程序，可以检测应用程序屏幕上颜色的传递。 我想要做的是检测大于 5x5 像素的黑色何时穿过屏幕上定义的空间区域。我想过用一个大区域来拉伸(stretch)整个宽
我一直在使用 RDFLib 来解析数据并将其插入到三元组中。我遇到的一个常见问题是，从关联数据存储库解析时，没有尖括号括起 URL。 要上传数据，我必须手动添加 并使用 URIRef重新创建 URL。
我已经阅读了很多有关此问题的帖子，但我仍然不确定我是否完全理解这些定义。 以下是我认为不同术语的示例。我是否走在正确的轨道上，或者我仍然不理解这些概念。谢谢 Array - unbound and o
我为我的 Android 应用设置了 GooglePlay 内部和封闭式 Alpha 测试设置。 它非常适合允许测试人员加入计划并安装应用程序，但是当我从测试人员电子邮件列表中删除测试人员时，他们仍然
我是一名优秀的程序员,十分优秀！