一、bindtap事件
在wxml文件中绑定bindtap事件，


 <view class='wel-list' bindtap='TZdown'>
    <image src="/images/welcome_08.png"></image>
    <text>C语言资料下载</text>
  </view>


然后在js文件中进行响应

Page({
  TZdown: function () {
    wx.navigateTo({
      url: '../download/download'
    });
  }
})
这样在单机view层的时候就会跳转到指定的URL地址了

二、遇上的问题
在json文件中书写的修改标题栏文字颜色的支持white/black两个颜色，但是在app.json中定义了white后子目录里面的设置失去效果了
{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black"
}


具体问题还不明确，但是第二天自动的显示黑色了，问题在于编辑器吧

    

<!-- 传参 -->
<view bindtap='operation' data-item='{{item}}'>　　


  // 获取
  operation: function (e) {
    var item = e.currentTarget.dataset.item;
    console.log(item);
  },

 

转载于:https://www.cnblogs.com/knightdreams6/p/11132037.html

bindtap  事件绑定不会阻止冒泡事件向上冒泡

catchtap  事件绑定可以阻止冒泡事件向上冒泡

（1）介绍事件：

bindtap 和 catchtap 都属于点击事件，绑定之后，点击组件是可以触发这个函数的。

bindtap  ：子元素使用bindtap绑定事件后，执行的时候，会冒泡到父元素（触发父元素上绑定的bingtap事件）

catchtap  ：不会冒泡到父元素上，阻止事件冒泡

（2）如何使用该事件：

.wxml  页面写入：

 <view>
    <button bindtap="tagName">点击事件</button>
  </view>

.js  页面写入：

tagName: function(e){
    console.log(e);
}

控制台结果展示：



（3）二者的使用区别：

bindtap : 向上冒泡

catchtap：向上不冒泡

栗子如下：

.wxml 文件

<view bindtap='out'>
       view out
    <view bindtap='middle'>
       view middle
      <view bindtap='inner'>
         view inner
      </view>
    </view>
</view>

.js文件

inner: function(){
    console.log('inner button');
  },
  middle:function(){
    console.log('middle button');
  },
  out:function(){
    console.log('out button');
}

若使用bindtap，点击view middle的时候，会打印如下：

向上冒泡了

若将中间的bindtap，改为catchtap，点击会打印如下：

不会向上冒泡。

 

----------------------------------------------------------------------------以上就是这两个事件的主要区别