本文举例说明了微信小程序的事件交互。分享给大家参考，如下：

微信小程序-点击事件

什么是事件？

点击、触摸、按压、滑动、释放等等。

下面代码的效果是给两个按钮，一个带ID，然后点击谁。上面显示的信息显示了谁点击了，点击了多少次，还有多少次没有分开。次数是两次点击的总和。下面的其他代码是独立的，每个代码都有自己的计划。

1.在index.wxml中设置click事件(测试时删除注释部分)

View class='page' /单击此处显示信息。若要显示视图中存在单击事件{{clickMsg}}/view//请设置单击事件视图视图id=' 1 ' class=' view-item ' bind tap=' click me '按钮1/视图视图id=' 2 ' class=' view-item ' bind tap=' click me '按钮2/视图/视图/。第{ text-align : }页居中；}.视图-项目{背景-颜色：绿色；宽度： 60px；height: 30pxmargin: 30px auto 0 autocolor: navajowhiteborder-radius : 10px；padding: 20px}3.在index.js中设置点击事件的响应

//注册两个变量；var计数=0；var param={ data : { clickmsg : ' show click content ' }，//function是触发click事件的函数，在click事件之后你就可以这样写了。//e是事件对象，里面包含了很多东西，比如clickMe:函数(e){ count；console . log(e)；//将click事件详细信息打印到调试控制台。id=e . CurrentTarget . id；//获取id param . data . clickmsg=' show when clicked:' id '的点击次数' count//再次刷新点击消息的显示内容。如果您想看到消息更改，您必须编写this . setdata(param . data)；}};页面(参数)；//这个一定要写。这是为了使函数参数真实。否则如果写了，在index.wxml中调用也不会有反应，怎么能让click控件视图0携带隐私信息呢？

为了传递价值什么的

view class=' view-item ' data-siyou=' fly away ' bind tap=' click me '单击我的视图0/视图。如何调用控件的私有信息？

var param={ click me : function(e){ id=e . CurrentTarget . id；console . log(e . CurrentTarget . id . dataset . siyou)；}};页面(参数)；第二，添加判断出的点击事件

index.wxml

视图类=' page '视图{ { message } }/视图视图{ { message 1 } }/视图视图视图id=' view1 '类=' view-item '绑定点击=' click me '按钮1/视图视图id=' view2 '类=' view-item '绑定点击=' click me '按钮2/视图/视图索引. js。

var idvar count 1=0；var count 2=0；var param={ data : { message : '单击此处显示信息'，Message1: '单击此处显示信息' }，单击me : function(e){ console . log(e)；id=e . CurrentTarget . id；if(id==' view 1 '){ count 1；Param.data.Message='显示单击了' id '次，单击了' count1 '次；this . setdata(param . data)；} else if(id==' view 2 '){ count 2；Param.data.Message1='显示点击了' id '次，点击了' count2 '次；this . setdata(param . data)；} }};页面(参数)；希望本文对微信小程序的设计有所帮助。