我開發的應用裡面用到移動手機的浏覽器,iphone的safari,除非我點擊另一個form element 的時候,就不能在form field隱藏焦點。
代碼結構主要如下:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<form>
<input type="text"/>
</form>
</body>
</html>
但是在浏覽器中不能隱藏焦點,
試試這麼改,我用可以
document.body.addEventListener("click", function(evt) {
var nodeName = evt.target.nodeName.toLowerCase();
if (nodeName !== "input" && nodeName !== "textarea" && nodeName !== "select") {
document.activeElement.blur();
}
});