-
Notifications
You must be signed in to change notification settings - Fork 6
Open
Description
题目:
<div id="box">
<h2>酱油君1</h2>
<p>酱油君2</p>
<div>
<input type="text">
<button>按钮</button>
</div>
</div>#box {
position: absolute;
top: 20%;
left: 40%;
width: 300px;
padding: 1em;
background: #f5f5f5;
border: 1px solid #ccc;
}请编写一个方法,实现点击 #box(含内部元素)时,浏览器控制台输出 "inner",点击 #box 外部空白处时输出 "outer"
参考答案:
const box = document.getElementById('box');
window.addEventListener('click', e => {
let elm = e.target;
if (elm === box || box.contains(elm)) { // 自身或内部元素
console.log('inner');
} else {
console.log('outter');
}
});Metadata
Metadata
Assignees
Labels
No labels