uni-app 事件以及事件绑定

偏执的太偏执、 2021-07-25 02:43 878阅读 0赞

事件修饰符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手指松开后点击态保留时间

  1. <picker :range="years" @change="yearChange" mode="multiSelector">
  2. <view>
  3. {
  4. {years[0] [yearIndex1]}} {
  5. {years[1][yearIndex2]}}
  6. </view>
  7. </picker>

file

  1. <swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
  2. </swiper>
  3. <view class="demo" @click="clickTest" @longtap="longtap"></view>
  4. methods:{
  5. clickTest: function(e){
  6. console.log(e);
  7. console.log('click');
  8. },
  9. longtap: function(e){
  10. console.log(e);
  11. console.log('longtap');
  12. }
  13. }
  14. <view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{
  15. {index}} - {
  16. {item.name}}</view>
  17. methods:{
  18. menuClick : function(e){
  19. console.log(e);
  20. console.log(e.target.id);
  21. }
  22. },

stop 的使用会阻止冒泡

#

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

#

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

欢迎关注达达的简书!

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

博客

发表评论

表情:
评论列表 (有 0 条评论,878人围观)

还没有评论,来说两句吧...

相关阅读

    相关 select 事件

    select 它的事件是注册在自己标签上的,不是onclick,而是onchange,子标签对低版本浏览器无效,而且也不是正规标准的写法。            

    相关 WEUI 事件

    1、简易的输入同步框 所需用到的事件为bindinput,详情可以查看开发文档 通过bindinput事件来监听输入框的值是否发生改变且获取到改变后的值,之后在js文件...