textarea事件重复触发问题
发布于 7 年前 作者 yansu 7581 次浏览 来自 问答
  • 当前 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
 
    });
 
 
  }

2 回复

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

遇到同样问题,官方有解决方案吗?

回到顶部