今天在调试项目代码的时候,结果用谷歌浏览器(F12)出现如下提示:
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”这个代码即恢复正常!再也没有这个提示了。
2021年09月01日 16:51:42 沙发
这样自动聚焦的效果就没有了呀
2021年09月01日 20:21:06 1层
@12 这个要看你要求,就像我这是”正文内容”,用户可以自己点击一下,就输出内容,一样可以实现。如果用户不点击,直接为空,我后台做了判断,“正文内容”为空是通不过的。
还有,你可以用“required=”required””,这个意思是必填项。用户要是不自己点击输入内容,一样是通不过的,这只是前台的。
示例: