WXML中事件的绑定

事件是视图层到逻辑层的通讯方式。

事件可以将用户的行为反馈到逻辑层进行处理。

事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。

事件对象可以携带额外信息，如 id, dataset, touches

绑定事件

    通过属性值设置绑定
    bind或者bind:：绑定指定name的事件
    catch：绑定执行name的事件并阻止事件冒泡
        bindtap="func"，只能绑定page.js文件中的函数
    如果事件名称name是个空字符串，则绑定失效（可以利用这个特性来暂时禁用一些事件）
    
    make:name属性：用来识别具体触发事件的target节点
        当事件触发时，事件冒泡路径上所有的mark会被合并，并返回给事件回调函数
        
            按钮
        
        func2: function(e) {
            console.log(e.mark);
        }
        打印{anotherMark: "leaf",myMark: "last"}
        mark 和 dataset 很相似，主要区别在于： 
            mark会包含从触发事件的节点到根节点上所有的mark:属性值；
            而dataset仅包含一个节点的data-*属性值。
        如果存在同名的mark，父节点的mark会被子节点覆盖。
        在自定义组件中接收事件时， mark不包含自定义组件外的节点的 mark 。
        不同于 dataset，节点的mark不会做连字符和大小写转换。
    
    func接受一个参数：事件对象event
        event是一个object，包含很多属性
        type：String，事件类型名称
        timeStamp：int，页面打开到触发事件所经过的毫秒数
        target：Object，触发事件的组件的属性
            id：String，组件的id
            dataset：object，组件的data-*属性值，*为key
            当*为多个单词由减号(-)连接时，会转换成驼峰写法
                如data-alpHa-bEta会自动转换为alphaBeta
        currentTarget：Object，当前事件的组件的属性
        detail：Object，额外信息
        touches：ObjectArray，触摸事件，当前停留在屏幕中的触摸点信息的数组
        changedTouches：ObjectArray，触摸事件，当前变化的触摸点信息的数组
        mark：用来识别具体触发事件的target节点

冒泡事件列表：

    touchstart：手指触摸动作开始
    touchmove：手指触摸后移动
    touchcancel：手指触摸动作被打断，如来电提醒，弹窗
    touchend：手指触摸动作结束：
    tap：手指触摸后马上离开：
    longpress：手指触摸后，超过350ms再离开，如果指定了事件回调函数并触发了这个事件，tap事件将不被触发
    longtap：手指触摸后，超过350ms再离开（推荐使用longpress事件代替）
    transitionend：会在 WXSS transition或wx.createAnimation 动画结束后触发
    animationstart：会在一个WXSS animation动画开始时触发
    animationiteration：会在一个WXSS animation一次迭代结束时触发
    animationend：会在一个WXSS animation动画完成时触发
    touchforcechange：在支持3D Touch的iPhone设备，重按时触发
    除上之外的其他事件如无特殊声明都是非冒泡事件，如form的submit事件，input的input事件，scroll-view的scroll事件

事件的捕获阶段

捕获阶段位于冒泡阶段之前，且在捕获阶段中，事件到达节点的顺序与冒泡阶段恰好相反。

用capture-bind、capture-catch关键字捕获阶段监听事件，后者将中断捕获阶段和取消冒泡阶段。

  outer view
  
    inner view
  

上面代码中，点击inner view会先后调用handleTap2、handleTap4、handleTap3、handleTap1
如果将第一个capture-bind改为capture-catch，将只触发handleTap2

互斥事件

还可以使用mut-bind来绑定事件。

一个mut-bind触发后，如果事件冒泡到其他节点上，其他节点上的mut-bind绑定函数不会被触发，但其他属性绑定的函数依旧会被触发。

也就是说，所有mut-bind是“互斥”的，只会有其中一个绑定函数被触发。同时，它完全不影响其他的绑定效果。

绑定WXS中的函数

bindtap="{{module_name.func}}"，绑定wxs中的函数(必须用{{}}括起来)

函数接受2个参数，第一个是event，在原有的event的基础上加了event.instance对象，第二个参数是ownerInstance

event.instance表示触发事件的组件的ComponentDescriptor实例

ownerInstance表示触发事件的组件所在的组件的ComponentDescriptor实例

使用WXS函数用来响应小程序事件，目前只能响应内置组件的事件，不支持自定义组件事件。

ComponentDescriptor实例的方法

    setStyle(object/str)：设置组件样式
    addClass(className)：添加一个样式
    removeClass(className)：删除一个样式
    hasClass(className)：检测组件是否拥有指定样式，返回bool值
    getDataset()：返回当前组件的dataset对象
    callMethod(func,args)：调用函数，args为一个表示函数的参数的object
    requestAnimationFrame(func)：用于设置动画
    getState()：返回一个object对象，用于将局部变量需要存储起来后续使用
    triggerEvent(eventName, detail)：和组件的triggerEvent一致。