小程序一个表单提交按钮触发两个事件

小程序表单提交触发多个事件

介绍

小程序提交表单的同时，想发送订阅消息给用户

原理

把提交button写在<view>中，给外面的view绑定一个点击事件bindtap，

当点击提交按钮时，点击事件会冒泡到外面的view，执行bingtap

代码

<form bindsubmit="formSubmit" report-submit="true">
  <view class="post-message">
    <view class="post-top">
      <view class="list-item">
        <text class="title"><text class="blue">*</text>标题</text>
        <view class="item-right">
          <input class="textinner" name="title" value="{{defaultValue}}" placeholder="不超过20个字" />
        </view>
      </view>
    </view>
   
      <view class="list-item detail">
        <text class="title"><text class="blue">*</text>详情</text>
        <view class="item-right">
          <textarea class="text-inner" name="content" value="{{defaultValue}}" placeholder="请输入内容...">

          </textarea>

        </view>
      </view>
      
    <view class="publish" bindtap="subscribeMessage">
      <button form-type="submit" class="pub-btn" hover-class="pub-btn-active">发布</button>
    </view>

    async formSubmit(e) {
        var that = this
        

        var formData = e.detail.value;
       


    },



    subscribeMessage: function () {
        wx.requestSubscribeMessage({
            tmplIds: ['JzVMUoch_PuteiW9oyVdq-pbkVihvYcgmuKnX-W2ozQ'],
            success (res) { }
        })
    },