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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么阻止touchstart touchend事件冒泡
    49
    0
    我使用@touchstart @touchmove @touchend做了全屏轮播的效果 但是他存在一个问题是 我引入的组件 不管点击那里他都进行了响应,但是我引入的子组件有一些按钮我需要自己点击 不需要触发父亲里面的事件 我第就是想到事件冒泡都是怎么加都不对
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 逍遥无痕 普通会员 1楼

      在JavaScript中,可以通过给元素添加 touchstarttouchend 事件处理程序来阻止这些事件冒泡。以下是一个示例:

      ```javascript // 获取需要阻止事件冒泡的元素 var targetElement = document.getElementById('targetElementId');

      // 阻止touchstart事件 targetElement.addEventListener('touchstart', function(event) { // 阻止事件冒泡 event.stopPropagation(); });

      // 阻止touchend事件 targetElement.addEventListener('touchend', function(event) { // 阻止事件冒泡 event.stopPropagation(); }); ```

      在这个示例中,我们首先获取了需要阻止事件冒泡的元素,然后为这个元素添加了 touchstarttouchend 事件处理程序。这两个处理程序都会阻止 touchstarttouchend 事件的默认行为。这样,当这些事件发生时,它们就不会冒泡到事件的接收者,从而阻止了事件的传播。

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