<組件 bind事件名="處理函數" catch事件名="處理函數"></組件>

<!-- 點擊事件（允許冒泡） -->
<view bindtap="handleTap">點擊我</view>
<!-- 阻止冒泡 -->
<view catchtap="handleNoBubbleTap">點擊我（不冒泡）</view>

Page({
  handleTap() {
    console.log("點擊事件觸發(fā)");
  },
  handleNoBubbleTap() {
    console.log("點擊事件觸發(fā)，但不會冒泡");
  }
});

<input bindinput="handleInput" placeholder="輸入內容" />

Page({
  handleInput(e) {
    console.log("輸入內容：", e.detail.value);
  }
});

<form bindsubmit="handleSubmit">
  <input name="username" placeholder="用戶名" />
  <button form-type="submit">提交</button>
</form>

Page({
  handleSubmit(e) {
    console.log("表單數據：", e.detail.value);
  }
});

<view data-id="123" bindtap="handleDataTap">點擊獲取 data-id</view>

Page({
  handleDataTap(e) {
    const id = e.currentTarget.dataset.id; // 123
    console.log("data-id:", id);
  }
});

<view bindtap="parentTap">
  <view catchtap="childTap">點擊我（不會觸發(fā)父組件的 tap）</view>
</view>

Page({
  parentTap() {
    console.log("父組件點擊"); // 不會執(zhí)行（因為子組件用了 catchtap）
  },
  childTap() {
    console.log("子組件點擊");
  }
});

Component({
  methods: {
    handleTap() {
      this.triggerEvent("customevent", { data: "Hello" });
    }
  }
});

<child bindcustomevent="handleCustomEvent" />

Page({
  handleCustomEvent(e) {
    console.log("自定義事件數據：", e.detail.data); // "Hello"
  }
});