我正在尝试通过使用mdc Web组件来实现自动完成输入。我有一个菜单选择了事件监听器,我想在其中停用对文本字段的关注。我已经尝试过使用 MDCTextFieldFoundation deactivateFocus 方法:
const inputFoundation = new MDCTextFieldFoundation(
document.querySelector(".mdc-text-field")
);
menu.listen("MDCMenu:selected",e => {
console.log(inputFoundation);
input.value = e.detail.item.dataset.value;
inputFoundation.deactivateFocus();
});
但是,这不起作用。在控制台中,当文本字段仍处于焦点状态时,我还可以看到输入的属性isFocused为false。您可以看到整个代码和框here。我在这里做错什么了,从文本字段中停用焦点的正确方法是什么?