移動(dòng)端多表單輸入的web頁(yè)面疮方,在彈出軟鍵盤(pán)的時(shí)候點(diǎn)擊有選擇項(xiàng)的彈窗站辉,此時(shí)不需要鍵盤(pán)輸入,需要把軟鍵盤(pán)收起串塑,使用以下方法解決
第一種方法(偶爾不靈,輸入框元素在選項(xiàng)元素的下面的時(shí)候不靈北苟,猜測(cè)是元素渲染時(shí)機(jī)的問(wèn)題)
export const outOfFocus = (): void => {
const inputElements = document.querySelectorAll('input') || [];
inputElements.forEach((item) => {
if (document.activeElement === item) {
item.blur();
}
});
};
第二種方法(推薦,測(cè)試不會(huì)出現(xiàn)不靈的情況)
export const outOfFocus = (): void => {
const activeElement = document.activeElement as HTMLElement;
if (activeElement && activeElement.blur) {
activeElement.blur();
}
};