document.activeElement踩到的坑

document.activeElement踩到的坑_第1张图片

当点击webview内输入框时,doucument.activeElement是当前INPUT。
此时鼠标点击Native app中的button,input会监听到onBlur,但是!!但是!! 此时document.activeElement还是INPUT
(我以为会变更为body或者无~~ 天真了)
经过一番挣扎可以用document.hasFocus()和doucument.activeElement结合使用。当点击了native app时document.hasFocus()会变成false。

document.hasFocus() === true 
doucument.activeElement === INPUT // 代表输入框是激活的

document.hasFocus() === false 
doucument.activeElement === INPUT // 代表输入框没有激活 因为整个文档失焦了

你可能感兴趣的:(document)