Safari和Firefox輸入元素不會專注於點擊

Question

我不太清楚如何提出這個問題。

我寫了網站http://math.qb.is，首先我在jQuery和Handlebars中做了這個，然後我在AngularJS中重寫了它，但最終結果是一樣的。只有第一個問題纔會得到關注，而嘗試點擊任何元素只會重新聚焦第一個項目。您可以使用TAB鍵移動，但這不是解決方案。這在Chrome中按預期工作。我還沒有能夠在IE上測試這個，但最新的Safari和FireFox在這方面都失敗了。

我知道人們不喜歡派人離開網站，但我無法描述這個問題，除了動態生成的輸入字段無法獲得焦點，或類似的東西，這實際上並不完全是問題。

該網站只是Javascript，沒有後端除了服務索引文件。

所有文件都沒有最小化。所有的幫助真的很感激。

Answer 1

請勿將多個輸入放在單個標籤內。默認情況下，標籤上的任何點擊都將關注第一個輸入。而不是嘗試用不同的標籤包裝輸入。這將解決您的問題。它與angular/handlebar無關，它只是一個html/css問題。如果你想包裝，嘗試不同的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/