zoukankan      html  css  js  c++  java
  • 微信小程序--事件总结/冒泡事件

    小程序的事件主要有: 

    touchtab  点击事件

    touchstart 开始滑动

    touchmove 滑动中

    touchend  滑动结束

    touchcancel 滑动中断 一般来电或其他弹出框使得滑动中断

    小程序中的wxml中绑定事件有两种:以touchtab为例   ,在wxml中必须有bind/catch不然无法实现上述事件

    bindtouchtabcatchtouchtab

    bind的不会阻止事件冒泡(元素最里层到最外层函数执行),catch会阻止冒泡,只是冒泡到当前层结束

    如果想在元素执行某事件时把元素的某个属性传到后台  可在元素中加入data-属性名称=“xxx”,在事件函数中 function(event){}的event中的currentTarget里面的data-set里面可查看接收在元素中绑定的的id或者其他属性clientX/Y 查看滑动手指距离屏幕左侧的位置,查看滑动位置也可以通过touchstart和和touchend的clientx/y获取

    如:

    wxml:

    <view  bindtap='bindtap' data-id='123' data-attr="attr1231" data-move="class123">
    sdfsdf
    </view>
    

    wxjs:

     bindtap:function(event){
    console.log(event); 
    console.log("bindtap最外层")
      }
    

     打印结果为:

     

  • 相关阅读:
    mysql逻辑备份
    Configuring ProxySQL
    CSS伸缩布局
    溢出文字隐藏三种方式
    CSS过渡效果transition和动画
    伪元素before和after本质
    css滑动门技术
    字体图标iconfont
    CSS精灵技术(sprite)
    行内块和文字垂直对齐vertical-agign
  • 原文地址:https://www.cnblogs.com/bellagao/p/6297406.html
Copyright © 2011-2022 走看看