账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    canvas做背景,如何点击div而事件不传给canvas
    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元素。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部