【问题标题】:autofocus not working on form自动对焦不适用于表单
【发布时间】:2018-01-23 04:03:51
【问题描述】:

我在这个网站上有一个表格:https://www.ubersmith.com/(如果你点击小放大镜,它会全屏显示)。

我已经尝试了多种方法来在加载时强制对字段进行自动对焦,但我终其一生都无法弄清楚它为什么不起作用。该网站是在 WordPress 中构建的。

谁能帮我解决这个问题?我已经在现场尝试了 autofocus 和 autofocus="autofocus" 。我还尝试了在加载和按下按钮时自动聚焦字段 ID,但似乎没有任何效果。

任何帮助都会很棒。

提前致谢。

【问题讨论】:

  • 你说的是搜索表单吗?这在页面加载时甚至都不可见,那么首先自动对焦有什么意义......?当您使表单可见时,您应该关注该字段。
  • 这就是我尝试过的......但我不确定为什么它在表单可见时不起作用..我试图调用一个 js 来强制它自动对焦并且我已经在里面进行了自动对焦实际的输入代码本身..似乎完全忽略了它。
  • 我什至有一个脚本运行在表单中:if (!("autofocus" in document.createElement("input"))) { document.getElementById("searchfield").focus();}
  • 我怀疑条件是否真的为真。每个现代浏览器都支持 input 元素上的属性,因此检查应该总是失败。
  • 我也尝试在按钮上添加焦点 click onclick="document.findElementById('searchfield').focus(); return false;"但它仍然不起作用。奇怪的是我不能让它自动对焦

标签: wordpress forms search autofocus


【解决方案1】:

答案是一个没有自动对焦的冲突 js 的问题.. 消除了冲突并且它起作用了 :)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-20
    相关资源
    最近更新 更多