Question

我不太确定如何提出这个问题。

我写了网站http://math.qb.is，首先我在jQuery和Handlebars中做了这个，然后我在AngularJS中重写了它，但最终结果是一样的。只有第一个问题才能获得焦点，尝试点击任何元素只会重新聚焦第一个项目。您可以使用TAB键移动，但这不是解决方案。这在Chrome中可以正常运行。我还没有在IE上测试这个，但最新的Safari和FireFox都失败了。

我知道将人们从网站上发送是不受欢迎的，但我无法描述这个问题，除非动态生成的输入字段无法获得焦点，或类似的东西，这真的不是＆＃ 39;确切地说就是问题。

网站只是Javascript，除了提供索引文件外没有后端。

所有文件均未最小化。非常感谢所有帮助。

Answer 1

不要在单个标签内放置多个输入。默认情况下，标签上的任何单击都将聚焦第一个输入。而是尝试用不同的标签包装输入。这将解决您的问题。它与角度/把手无关，它只是一个html / css问题。如果要包装，请尝试使用除label之外的其他html元素。

这是一个简单的例子：

<label>Click me
    <input type="text" />
    <br/>
    <input type="text" />
</label>
<br/>
<br/>
<label>Click me
    <input type="text" />
</label>
<label>Click me
    <input type="text" />
</label>

演示：http://jsfiddle.net/lotusgodkk/KN9xx/322/

Safari和Firefox输入元素无法专注于点击

1 个答案: