阻止冒泡的方法

阻止冒泡

1.标准写法

普通浏览器 e.preventDefault();  方法,

2、非标准写法

e.cancelBubble = true

3.阻止冒泡兼容性方案

4、使用传统的注册方式

// 3. 传统的注册方式
        a.onclick = function(e) {
            // 普通浏览器 e.preventDefault();  方法
            // e.preventDefault();
            // 低版本浏览器 ie678  returnValue  属性
            // e.returnValue;
            // 我们可以利用return false 也能阻止默认行为 没有兼容性问题 特点: return 后面的代                            码不执行了, 而且只限于传统的注册方式
            return false;
            alert(11);
        }

5、区别

e.preventDefault();  阻止默认行为(表单)

e.stopPropagation()  阻止冒泡,不阻止默认行为(例如a超链接跳转)‘

return false 阻止冒泡,也阻止行为

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
onShareAppMessage无法直接阻止冒泡。onShareAppMessage是一个用于定义页面转发的事件,当用户点击右上角菜单的转发按钮时会触发该事件。它用于返回一个对象,该对象包含自定义转发的内容。在该事件中无法直接进行冒泡的处理。如果需要阻止冒泡,可以考虑在点击转发按钮时,同时添加一个点击事件,并在该事件中通过event.stopPropagation()方法阻止事件的冒泡传递。例如: // 在onShareAppMessage事件中 onShareAppMessage: function() { // 返回自定义转发内容的对象 return { title: '分享标题', path: '/pages/index', imageUrl: 'https://example.com/image.png', success: function(res) { console.log('转发成功'); }, fail: function(res) { console.log('转发失败'); } } }, // 同时添加一个点击事件 onShareButtonTap: function(event) { event.stopPropagation(); // 在这里可以执行阻止冒泡后的其他逻辑 } 这样,在点击转发按钮时,同时会触发onShareButtonTap事件,并通过event.stopPropagation()方法阻止事件的冒泡传递。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [第五章由函数与事件冒泡](https://blog.csdn.net/m0_51746839/article/details/117297275)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [原生小程序开发注意事项总结](https://blog.csdn.net/qq_41485414/article/details/125069315)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值