まず、基本的なイベント
<!-- 基本的事件使用 通过给组件添加一个 "bind+事件名" 的属性，属性的值指向一个定义在当前页面对象中JS方法" -->
<button bindtap="buttonTapHandler">点击按钮</button>
対応する応答効果JDファイルで対応するイベントを書き留め：
1.イベントバブリング
<!-- 事件冒泡 -->
<view bindtap="outerHandler" style="width:200px; height:200px; background-color:red">
<view catchtap="innerHandler" style="width:100px; height:100px; background- color:blue"></view>
<!-- catch+事件名 是绑定事件并阻止冒泡 -->
</view>
結果の青いビューの実装をクリックします：
第二、質量参加イベント（DATA-）
<button bindtap="buttonTapHandler2" data-name="张三">传参按钮</button>
<!--
1.事件的基本使用 bind[xxx] catch[xxx]
2.小程序中事件冒泡和HTML中处理不一样 这里使用catch[xxx]
3.如果需要给事件处理函数传递参数只能通过dataset方式
-->
第三に、データフローの方法とどのように結合事象
<view>
<input class="dataBindInput" value="{{dataBind}}" bindinput="bindDataHandler"></input>
<text>{{dataBind}}</text>
</view>
1.抽象的な共通のイベントハンドラ
ケース：入力フォームの送信を使用した方法を結合
<view class="container">
<view class="inputs">
<input class="username" placeholder="请输入账号" value="{{username}}" bindinput="inputChangeHandler" data-prop="username"/>
<input class="password" type="password" placeholder="请输入密码" value="{{password}}" data-prop="password" bindinput="inputChangeHandler"></input>
</view>
<view class="buttons">
<button type="primary" bindtap="loginHandler">登录</button>
</view>
</view>
JSコントロール：
フォームフォームマナーフォーム送信を使用してログイン
JSは、プロセス内の値を取得します：
Page({
data: {
username: "",
password: ""
},
//用于处理表单提交事件
loginHandler: function (e) {
//1.先需要知道用户的输入值
console.log(e.detail)
//2.根据用户输入的值判断
//3.根据判断的结果做出响应
}
})
の効果を示します：
