小程序

12.小程序/pages/home/home.js

@@ -22,7 +22,17 @@ Page({
     ],
     age: 19
   },
-
+  handleBox: function() {
+    console.log("box")
+  },
+  handleBox1: function(event) {
+    console.log(event,'wwww')
+    console.log("box1")
+    // event.stopPropagation();
+    // event.cancleBubble = true;
+    // event.preventDefault();
+    // event.returnValue = false;
+  },
   /**
    * 生命周期函数--监听页面加载
    * 页面加载时触发 一个页面只会调用一次

12.小程序/pages/home/home.wxml

@@ -31,4 +31,8 @@
   <view class="main" wx:if="{{age < 18}}">未成年</view>
   <view class="main" wx:elif="{{age == 18}}">成年</view>
   <view class="main" wx:else="{{age > 18}}">青年</view>
+  <!-- 事件 -->
+  <view class="box" catch:tap="handleBox">
+    <view class="box1"  catch:tap="handleBox1"></view>
+  </view>
 </view>

12.小程序/pages/home/home.wxss

@@ -2,4 +2,15 @@
 @import '../list/list.wxss';
 .first {
   color: #f00;
-}
+}
+.box {
+  width: 500rpx;
+  height: 500rpx;
+  background: #f00;
+}
+
+.box1 {
+  width: 300rpx;
+  height: 300rpx;
+  background: #ff0;
+}