美文网首页
uni-app 处理冒泡事件

uni-app 处理冒泡事件

作者: HC2 | 来源:发表于2021-08-25 21:48 被阅读0次

冒泡事件

    <view class="max-box" @tap="waimian">
        外面
        <view class="in-box" @tap="limain">里面</view>
    </view>
    
    waimian(){
        console.log("外面")
    },
        
    limain(){
        console.log("里面")
    }
    
    点击外面的时候,不会触发里面元素的事件
    但是点击里面元素的时候,就会触发外面元素的事件,这就是冒泡哈!!
    
    
    如何解决事件冒泡了
    添加一个stop
    <view class="in-box" @tap.stop="limain">里面</view>
    就会阻止里面这个元素冒泡

相关文章

  • uni-app 处理冒泡事件

    冒泡事件

  • JavaScript中的冒泡事件

    事件冒泡机制 事件冒泡发生的条件:当为多个嵌套的元素设置了相同的事件处理程序,它们将触发事件冒泡机制。在事件冒泡中...

  • JS事件流机制

    事件流指的是 1.节点的捕获2.处理事件3.事件的冒泡 目前分为事件冒泡流,事件捕获流; 区别:1.事件冒泡流在事...

  • 事件冒泡

    1.解决冒泡事件 [1].event.stopPropagation(); 事件处理过程中,阻止了事件冒泡,但不会...

  • event.stopPropagation()与event.pr

    今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 阻止事件冒泡,...

  • 搜狗面试

    原型链上手写事件,手写原生js实现ajax事件,jsonp实现原理,阻止事件IE冒泡代码,事件捕获、处理,冒泡代码...

  • Javascript DOM事件流向

    事件流向 先捕获然后处理,然后再冒泡出去 addEventListener false冒泡 true捕获 事件捕获...

  • 事件冒泡和shi'jian'wei'tuo

    事件冒泡: 什么是事件冒泡:在一个对象上触发某类事件(比如onclick事件),如果次对象定义了此事件的处理程序,...

  • 16_day jQuery事件冒泡及解决办法

    事件冒泡: 什么是事件冒泡:在一个对象上触发某类事件(比如onclick事件),如果次对象定义了此事件的处理程序,...

  • jQuery事件冒泡及解决办法

    事件冒泡: 什么是事件冒泡:在一个对象上触发某类事件(比如onclick事件),如果次对象定义了此事件的处理程序,...

网友评论

      本文标题:uni-app 处理冒泡事件

      本文链接:https://www.haomeiwen.com/subject/ysiwchtx.html