<分区>
我有一个 id="content-area"的 div,当用户在这个 div 之外点击时,我想提醒他们他们点击了它之外的事实。我将如何使用 JavaScript 来解决这个问题?
<div id = "outer-container">
<div id = "content-area">
Display Conents
</div>
</div>
<分区>
我有一个 id="content-area"的 div,当用户在这个 div 之外点击时,我想提醒他们他们点击了它之外的事实。我将如何使用 JavaScript 来解决这个问题?
<div id = "outer-container">
<div id = "content-area">
Display Conents
</div>
</div>
最佳答案
看看这个 fiddle ,看看这是不是你想要的!
document.getElementById('outer-container').onclick = function(e) {
if(e.target != document.getElementById('content-area')) {
document.getElementById('content-area').innerHTML = 'You clicked outside.';
} else {
document.getElementById('content-area').innerHTML = 'Display Contents';
}
}
关于Javascript检测div外的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18893144/
相关文章:
javascript - 在 Material UI v1 beta 的 Select 组件中填充数据
javascript - 在 CSS 列中围绕固定 float 图像使用 JavaScript 增加字体大小
javascript - 当页面重新加载时正在监视的属性未更改时,Vue watch 不会运行
jquery - 为什么我的 transitionend 事件会立即触发?
python - win32api.keybd_event 停止工作
jquery - Meteor ,使用 jquery sortable 导致模板未绑定(bind)
javascript - 用于浏览器自动填充的 HTML/JavaScript 密码输入 onKeyUp
javascript - 测量 node.js http 请求的时间