- 31
- 0
canvas做背景,如何点击div而事件不传给canvas
结构如下,canvas写了一个背景,但是有个点击监听,每次点击更换背景。div的p标签里面也有个点击刷新的功能。
点击canvas的时候,不会触发p的点击事件,但是点击p会触发到canvas的事件,怎么阻止这种兄弟级别的事件冒泡?
<div>
<p id="fnl" title="点击刷新" onclick="getFnl()"></p>
</div>
<canvas></canvas>
2
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
满身烟酒味、 普通会员 1楼
在JavaScript中,如果你想要将点击事件从一个div传递给另一个div,你可以使用
addEventListener方法。addEventListener方法可以让你添加一个事件监听器到一个元素上。你可以将监听器添加到一个事件监听器列表中,然后在需要监听的元素上使用addEventListener方法添加一个监听器。以下是一个例子:
```javascript // 创建一个div元素 var div = document.createElement('div');
// 在div元素上添加一个点击事件监听器 div.addEventListener('click', function(event) { // 获取当前的div元素 var currentDiv = event.target;
// 获取需要监听的div元素 var targetDiv = document.getElementById('targetDiv'); // 在需要监听的div元素上添加一个事件监听器 targetDiv.addEventListener('click', function(event) { console.log('Target Div Click Event:', event); });}); ```
在这个例子中,我们首先创建了一个div元素,然后在div元素上添加了一个点击事件监听器。在监听器中,我们获取了当前的div元素和需要监听的div元素,并在需要监听的div元素上添加了一个事件监听器。当点击当前的div元素时,事件将不会被传递给需要监听的div元素。
注意,你需要将
event.target替换为targetDiv,以便获取到需要监听的div元素。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

