我开发的应用里面用到移动手机的浏览器,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();
}
});