TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
/
注册
用户名
邮箱

悠悠楠杉

网站页面
类目归类
标签搜索
搜索到 2 篇与 的结果
2025-06-25

JS阻止事件冒泡的2种经典方法详解
JS阻止事件冒泡的2种经典方法详解
一、什么是事件冒泡？当我们在网页上点击一个按钮时，这个点击事件会像泡泡一样从最具体的元素（按钮）向上"浮"到最不具体的元素（通常是document对象），这个现象就叫事件冒泡。比如：```html点击我```点击按钮时，事件的触发顺序是：button → div → body → html → document二、为什么要阻止事件冒泡？上周开发弹窗组件时我就遇到过这种情况：点击弹窗内容区域时正常，但点击关闭按钮时，由于事件冒泡导致弹窗关闭后立即又被父元素的点击事件重新打开。这时候就需要手动阻断事件向上传播。三、方法一：stopPropagation()（推荐方案）这是W3C标准推荐的方式，我在实际项目中90%的情况都会使用这个方法。```javascript document.getElementById('child').addEventListener('click', function(event) { console.log('按钮被点击了，但事件到此为止'); event.stopPropagation(); // 核心代码// 其他业务逻辑... }, fal...
2025年06月25日
3 阅读
0 评论
2022-09-07

微信小程序的事件冒泡和捕获
微信小程序的事件冒泡和捕获
事件冒泡当一个组件上的事件被触发后，该事件会向父节点传递。bind事件名<text>事件的冒泡</text> <view class="one" bindtap="handlerOne">one <view class="two" bindtap="handlerTwo">two <view class="three" bindtap="handlerThree">three</view> </view> </view> 阻止事件冒泡catch事件名<text>事件的冒泡</text> <view class="one" bindtap="handlerOne">one <view class="two" catchtap=&q...
2022年09月07日
851 阅读
0 评论
悠悠楠杉
25,364 文章数
92 评论量

人生倒计时

今日已经过去小时
这周已经过去天
本月已经过去天
今年已经过去个月

最新回复

  1. 强强强
    2025-04-07

    强的一批
  2. jesse
    2025-01-16

    有whmcs接口吗？
  3. sowxkkxwwk
    2024-11-20

    博主太厉害了！
  4. zpzscldkea
    2024-11-20

    博主太厉害了！
  5. bruvoaaiju
    2024-11-14

    博主太厉害了！

标签云

邮箱：z@zzwws.cn Copyright © 2018-  湘ICP备2023005853号  RSS MAP