移動表單字段 - 失去焦點

我正在開發移動/ Web應用程序。當我在移動瀏覽器中查看錶單字段時，例如iPhone的Safari瀏覽器或Chrome瀏覽器移動應用程序，除非按下其他表單字段或鍵盤上的「完成」，否則我不能關注表單字段。移動表單字段 - 失去焦點

I' VE甚至完全剝離我的代碼到：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
    </head> 
    <body> 
     <form> 
      <input type="text"/> 
     </form> 
    </body> 
</html>

，我仍然無法通過按別處失去的文本字段的焦點（在移動瀏覽器）！

任何人有任何想法？

來源

2012-11-14 Danny

嘗試：

document.body.addEventListener("click", function(evt) { 
    var nodeName = evt.target.nodeName.toLowerCase(); 
    if (nodeName !== "input" && nodeName !== "textarea" && nodeName !== "select") { 
    document.activeElement.blur(); 
    } 
});

來源

2012-11-14 11:59:56 zvona

天才啊！我刪除了「.body」，因爲這導致了一個錯誤，但現在工作正常，謝謝！ – Danny

確實，document.addEventListener更好。該事件監聽器也可以在輸入聚焦時添加，並在模糊後移除。這將防止與其他事件偵聽器發生任何衝突。 – zvona

移動表單字段 - 失去焦點

回答

相關問題