小程序view嵌套点击事件问题

在组件中绑定一个事件处理函数。

如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数

<view bindtap="view"><text bindtap="toast" class="journey">开启小程序之旅 </text><埋森/view>

子元素触发父级元素也会触发若要只触发子元素使用catchtap代替bindtap

在相应的Page定义中写上相应的事件处理函数，参数是event。

Page({ toast: function (event) { // wx.navigateTo({ // url: '../redirect/redirect' // })wx.redirectTo({ url: '../redirect/redirect', })// view:function(event){ // // 父级元素 // } }, /** * 生命周期函数--监听页面隐藏/并未关银核闭返回 */ onHide: function (event) { console.log(event) }, /** * 生命周期函数--监听页面卸载/ */ onUnload: function () { console.log(222) }, })

事件分类

冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。

非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

WXML的冒泡事件列表：

类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，d窗 touchend 手指触摸动作结束 tap 手指触摸后锋液掘马上离开 longtap 手指触摸后，超过350ms再离开

注：除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件，如<form/>的submit事件，<input/>的input事件，<scroll-view/>的scroll事件，(详见各个组件官方文档)

准备工具：

微信小程序、微信小程序开发工具、截图工具、WPS、笔记本电脑

具体步骤：

1、双击打开微信小程序开发工具，创建一个微信小程序项目。

2、在pages文件夹下，新建一个模块文件夹，并在该文件夹下新建一个wxml文件

3、在界面中，插入view和form元素，form元素中添加一个输入框和按钮

4、接着在输入框中，添加type属性、name属性和value值，并进行变量绑定握友

5、接着打开页面中的JavaScript文件，data对象中添加username变量，然后添加submitData方法

6、保存代码段橘槐并刷新项目，查看左侧的模拟器，然后在输入框中输入内容

7、点击提交按钮，可以发伍昌现输入框的值被清空了，说明这个清空表单元素数据成功了

success没执行，那肯定橡圆烂就执行fail了，你添加个fail事件看看返回的错误信息是什么就明白了。

一般发生这种情况都是后台的问题，你只说后台接受数腔配据成功，但它在接受梁漏后处理数据时（比如查询数据库）仍然会发生错误的，这时候前端的success事件就不会触发，转而触发fail事件。

---