html52.com
我爱小程序-开发者交流社区

textarea事件重复触发问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug textarea 客户端 6.7.3 2.4.1

- 当前 Bug 的表现(可附上截图)

在textarea上输入完成之后,点击屏幕上其他地方会触发两次blur事件,但是点击收起键盘的按钮就能只触发一次。

这个问题只在安卓系统上出现

- 预期表现

textarea输入完成之后,点击屏幕空白处只触发一次blur事件

- 提供一个最简复现 Demo


<textarea auto-height="true" value='{{addTxt}}' focus="{{contstate}}" catchblur="addtxt"></textarea>


// 失去焦点事件

addtxt(e) {

    // 获取文字

    var txt = e.detail.value;


   // 创建新的数据

    var newdata = {
 
      allstate: 1,
 
      allStr: txt,
 
      allStr2: this.data.addTxt2
 
    };
 
 
    // 获取当前数据数组
    var newalldata = this.data.allcont;
 
 
    // 添加数据
    newalldata.push(newdata);
 
 
    // 设置数据并且清空内容
    this.setData({
 
      allcont: newalldata,
 
      addTxt: null
 
    });
 
 
  }


网友回复

易烊千玺:

试下 <input /> 会有同样的问题吗?

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付