zoukankan      html  css  js  c++  java
  • uni-app 事件以及事件绑定

    事件修饰符stop的使用会阻止冒泡,但是同时绑定了一个非冒泡的事件,会导致该元素上的catchEventName失效!

    prevent可以直接干掉,因为uni-app里没有什么默认事件,比如submit并不会跳转页面。

    self没有可以判断的标识

    once也不能做,因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了愿意,暂不考虑按键修饰符:uni-app运行在手机端,没有键盘事件,所以不支持按键修饰符。

    view视图容器

    hover-class类型为string,默认值none指定按下去的样式类,类hover-class="none"时,没有点击态效果

    hover-stop-propagation类型boolean,默认值false指定是否阻止本节点的祖先节点出现点击态

    hover-start-time类型number,默认值50按住后多久出现点击态

    hover-stay-time类型number,默认值400手指松开后点击态保留时间

    <picker :range="years" @change="yearChange" mode="multiSelector">
     <view>
      {{years[0] [yearIndex1]}} {{years[1][yearIndex2]}}
     </view>
    </picker>

    file

    <swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
    </swiper>

    <view class="demo" @click="clickTest" @longtap="longtap"></view>
    
    methods:{
      clickTest: function(e){
       console.log(e);
       console.log('click');
      },
      longtap: function(e){
       console.log(e);
       console.log('longtap');
      }
     }

    <view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{{index}} - {{item.name}}</view>

    methods:{
     menuClick : function(e){
      console.log(e);
      console.log(e.target.id);
     }
     },

    stop 的使用会阻止冒泡

    若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

    请点赞!因为你们的赞同/鼓励是我写作的最大动力!

    欢迎关注达达的简书!

    这是一个有质量,有态度的博客

    博客

  • 相关阅读:
    Css Hack
    flex 兼容 ie9
    js 阻止父级元素的事件向子级元素传递
    php正则表达式的匹配与替换
    php的匿名类的使用
    解决php的单继承问题,实现php的多继承,trait的使用
    php的抽象类和接口的总结和区别
    eclipse的maven项目Java Resources有红叉问题
    IntelliJ全家桶IDEA Webstorm 2020 永久破解方法(说是可以任何版本)
    电脑能ping 通 ip,但是不能ping通 域名
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932283.html
Copyright © 2011-2022 走看看