Autofocus processing was blocked because a document already has a focused element 原因与解决方法

今天在调试项目代码的时候,结果用谷歌浏览器(F12)出现如下提示:

Autofocus processing was blocked because a document already has a focused element.

中文翻译

自动聚焦处理被阻止,因为文档已经具有聚焦元素。

Autofocus processing was blocked because a document already has a focused element

 

原因:

虽然这个提示不算报错,项目也能正常运行,但对于有强迫症的人来说,总感觉不爽。

我个人猜测是浏览器安全限制的问题。

 

解决方法

我去查看了一下我的代码,我整个文件的代码中,只有一个地方有 Autofocus,示例如下:

 <div class="layui-form-item layui-form-text">
       <label class="layui-form-label">正文内容</label>
       <div class="layui-input-block">
          <textarea name="contents" id="editor" autofocus><?php echo $edit_select['contents']; ?></textarea>
        </div>
 </div>

 

由于我用了第三方的Simditor编辑器,再加上前面的翻译。

 

经过大量测试,我最终的解决方法如下:去掉“autofocus”这个代码即恢复正常!再也没有这个提示了。

    A+
发布日期:2021年03月17日 19:39:32  所属分类:HTML
最后更新时间:2021-03-17 19:39:32
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
服务器管理面板/主机控制面板“安装”服务
  • ¥ 49.9元
  • 市场价:99.9元
React.JS框架经典教程
  • ¥ 98.0元
  • 市场价:198.0元
wp dz 帝国 dede phpcms等快速建站服务
  • ¥ 999元
  • 市场价:4999元
iOS应用开发指南第4季:表视图
  • ¥ 89.0元
  • 市场价:129.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: