目的,禁止点击outDiv 以外的区域,
onMounted(() => {
const outDiv = document.getElementById('team-content') as HTMLDivElement
document.addEventListener('click', (e) => {
if (!outDiv.contains(e.target as HTMLElement)) {
console.log('permission_scheme>>>>>>>>>>>>>点了外面>>>>>', outDiv.parentElement)
e.preventDefault()
}
})
})
e.preventDefault() 没效果,我用错了吗?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- CSDN专家-showbo 2022-12-17 20:00关注
preventDefault是阻止默认行为,比如submit事件阻止表单提交。如果是阻止冒泡执行父容器绑定事件,应该用stopPropagation。
题主具体要实现什么?不允许点击除outDiv外的内容触发事件可以用pointer-events控制事件穿透
<style> *{pointer-events:none} #team-content{pointer-events:auto} </style> <div onclick="alert(this.innerHTML)">1111</div> <div onclick="alert(this.innerHTML)">2222</div> <div onclick="alert(this.innerHTML)">3333</div> <div id="team-content" style="height:300px;border:solid 1px #ccc" onclick="alert('team-content')"> team-content,点击这里才会触发onclick事件 </div> <div onclick="alert(this.innerHTML)">1111</div> <div onclick="alert(this.innerHTML)">2222</div> <div onclick="alert(this.innerHTML)">3333</div>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构,按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
- ¥15 Macbookpro 连接热点正常上网,连接不了Wi-Fi。
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 linux驱动,linux应用,多线程