点击 div 专注于输入答案

【问题标题】：Click on div to focus on input点击 div 专注于输入
【发布时间】：2018-09-25 03:04:14
【问题描述】：

我正在开发一个小型编码游戏项目，用户必须通过悬停来搜索页面以寻找线索才能进入下一个级别。

对于这个特定示例，线索是 1+1（可以通过将鼠标悬停在页面底部 2/3 附近找到），答案是键入数字“2”（键码 50）。

当页面加载时，我会自动聚焦脚本正在寻找要按下的“2”的输入字段，但我的问题是，如果用户单击“#search”或“#math”中的任何字母，它会删除来自输入的焦点。

如果用户单击“#search”或“#math”中的任何内容，我需要将焦点仍投向“文本”输入。我查看了 stackoverflow 的解决方案并找到了这篇文章 (Click on <div> to focus <input>)，但我似乎无法让它与我的代码一起使用。我假设这是一些愚蠢的简单错误语法，但我需要一些新的眼睛来检查它，因为我什么都没有！

这是一个 JSFiddle：http://jsfiddle.net/ncx54y3r/2/

这是我用来尝试完成此任务的 JS：

$('#search').click(function() {
    $('text').focus();
});

$('#math').click(function() {
    $('text').focus();
});

所有其他代码都可以在 JSFiddle 中看到。要检查脚本是否正常工作，只需单击任何字母并输入“2”。如果它重定向到一个错误页面，这意味着它工作正常！

谢谢各位！我很感激。

【问题讨论】：

(1) 您的演示中没有包含 jQuery。 (2) 您正在尝试专注于text（即<text>），但您需要一段时间来选择课程：.text。 (3) 您可以将('#search, #math') 合并到一个选择器中。
我的错！我忘了在我的演示中上传 jQuery 链接。我将尝试简单地添加句点，看看这是否是我的错误！谢谢！我很感激。 :)
立即工作！缺乏周期是问题所在。谢谢！

标签： javascript jquery html

【解决方案1】：

您没有包括类指示符“。”在 jquery 中

$('text').focus();

应该是

$('.text').focus();

【讨论】：

【解决方案2】：

控制台有错误吗？这就是所有的代码吗？它对我不起作用，因为未加载 Jquery。

ReferenceError: $ is not defined

【讨论】：

我的错！我忘了在我的演示中上传 jQuery 链接。我相信我的错误只是忘记了“。”在“文本”之前谢谢！
哦，没看到那个哈哈，幸好有人看到了。不客气。