<組件 bind事件名="處理函數(shù)" catch事件名="處理函數(shù)"></組件>

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

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

<input bindinput="handleInput" placeholder="輸入內(nèi)容" />

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

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

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

<view data-id="123" bindtap="handleDataTap">點(diǎn)擊獲取 data-id</view>

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

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

Page({
  parentTap() {
    console.log("父組件點(diǎn)擊"); // 不會(huì)執(zhí)行（因?yàn)樽咏M件用了 catchtap）
  },
  childTap() {
    console.log("子組件點(diǎn)擊");
  }
});

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

<child bindcustomevent="handleCustomEvent" />

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