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-09-01 20:23:30
付杰
  • ¥ 15元
  • 市场价:15元
  • ¥ 49.0元
  • 市场价:199.0元
  • ¥ 189.0元
  • 市场价:269.0元
  • ¥ 598.0元
  • 市场价:2980.0元

发表评论

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

目前评论:2   其中:访客  0   博主  0

  1. 头像 12 0

    这样自动聚焦的效果就没有了呀

    • 付杰 付杰

      @12 这个要看你要求,就像我这是”正文内容”,用户可以自己点击一下,就输出内容,一样可以实现。如果用户不点击,直接为空,我后台做了判断,“正文内容”为空是通不过的。
      还有,你可以用“required=”required””,这个意思是必填项。用户要是不自己点击输入内容,一样是通不过的,这只是前台的。
      示例:

      <form action="demo_form.asp" method="get">
        Name: <input type="text" name="usr_name" required="required" />
        <input type="submit" />
      </form>