微信小程序开发教程-按钮事件 作者：马育民 • 2026-06-21 13:44 • 阅读：10008 # 介绍 下面例子：`tap` 表示单击，`bind` 表示绑定 `handle` 函数，即：单击按钮时，执行 `handle` 函数 ```html <!-- 点击事件 --> <button bind:tap="handle">点击</button> <!-- 简写 bindtap --> <button bindtap="handle">简写点击</button> ``` # 例子 ### 目录结构 [](https://www.malaoshi.top/upload/0/0/1GW3XLcmFYt9.png) ### wxml文件 在 `.wxml` 中加上按钮，如下： ``` <view> <button bind:tap="handle">按钮</button> </view> ``` ### js文件 在 `.js` 中加上事件函数，如下： [](https://www.malaoshi.top/upload/0/0/1GW3XLUT1D5T.png) ``` handle(e){ console.log("点击按钮，e",e) } ``` ### 执行结果 点击按钮，在控制台中查看打印结果，如下图： [](https://www.malaoshi.top/upload/0/0/1GW3XLVub0aa.pnghttps://www.malaoshi.top/upload/0/0/1GW3XLVub0aa.png) 原文出处：http://malaoshi.top/show_1GW3XLdGyPLB.html