微信小程序开发系列（十四）·事件绑定的两种方法以及如何读取事件对象

目录

1.  事件绑定

1.1  第一种事件绑定的方法（bind：事件名）

1.2  第二种绑定事件的方式（bind事件名）

1.3  代码

2.  事件对象

---

1.  事件绑定

        小程序中绑定事件与在网页开发中绑定事件几乎一致,只不过在小程序不能通过on的方式绑定事件,也没有click等事件,小程序中绑定事件使用 bind 方法，click 事件也需要使用 tap 事件来进行代替，绑定事件的方式有两种：

第一种方式: bind:事件名, bind后面需要跟上冒号,冒号后面跟上事件名,例如: <view bind:tap="fnName"></view>

第二种方式：bind事件名，bind 后面直接跟上事件名，例如：<view bindtap=“fnName"></view>

        事件处理函数需要写到 .js 文件中,在.js 文件中需要调用小程序提供的 Page 方法来注册小程序的页面,我们可以直接在 Page 方法中创建事件处理函数。

        再开始前，为了保证学习的简洁性，可以先回顾“零基础手把手教你创建微信小程序（一）~（六）”。

微信小程序开发_时光の尘的博客-CSDN博客

        重新创建一个如下图模版：

1.1  第一种事件绑定的方法（bind：事件名）

        bind:事件名, bind后面需要跟上冒号,冒号后面跟上事件名,例如: <view bind:tap="fnName"></view>。

        找到index.wxml文件，写入代码：

<button>绑定事件</button>

        此时的绑定事件的按钮，看着不明显，我们可以对其