ios兼容 -- 在ios中使用input textarea等时会出现自动回滚到当前页面的顶部 -- 为了客户体验应在当前位置停留

updated(){

  for (var i = 0; i < document.querySelectorAll("textarea").length; i++) {
       document.querySelectorAll("textarea")[i].onfocus = () => {
          if (this.sTimer) {
             clearTimeout(this.sTimer);
          }
          this.sT = document.documentElement.scrollTop || document.body.scrollTop;
      };
      document.querySelectorAll("textarea")[i].onblur = () => {
          this.sTimer = setTimeout(() => {
              console.log("????所有失焦时的位置显示为", this.sT);
              window.scrollTo(0, this.sT);
          }, 100);
      };
 }
}
//注意这里是写在了更新的声明周期里的,只有在这个声明周期里才能检测到当前input框输入发生的变化。
posted @ 2020-12-14 14:10  有肌肉的小眼睛  阅读(415)  评论(0)    收藏  举报