Javascript 获取您写入的节点

我想得到在写入光标时光标所在的节点

document.getElementById（'parent'）.addEventListener（'keypress'，函数（e）{
console.log（如target）；
});
.root{
右侧填充：1px；
}
#父级>div{
边框颜色：黄色；
浮动：左；
}

奎
锿
洛勒姆
乱数假文
试试这种方法。我建议您使用keyup事件来获取键入后的最终单词，以生成建议列表：


document.querySelectorAll（'.root'）.forEach（函数（el）{
//在这里做事
el.onkeyup=功能（e）{
console.log（如target）；
};
}); 
.root{
右侧填充：1px；
}
#父级>div{
边框颜色：黄色；
浮动：左；
}

奎
锿
洛勒姆
乱数假文
试试这种方法。我建议您使用keyup事件来获取键入后的最终单词，以生成建议列表：


document.querySelectorAll（'.root'）.forEach（函数（el）{
//在这里做事
el.onkeyup=功能（e）{
console.log（如target）；
};
}); 
.root{
右侧填充：1px；
}
#父级>div{
边框颜色：黄色；
浮动：左；
}

奎
锿
洛勒姆
乱数假文
您可以使用来获取光标下的实际节点：


document.getElementById（'parent'）.addEventListener（'keydown'，event=>{
const actualTarget=window.getSelection（）.anchorNode.parentNode；
控制台日志（实际目标）；
});
.root{
右侧填充：1px；
}
#父级>div{
边框颜色：黄色；
浮动：左；
}

奎
锿
洛勒姆
乱数假文
您可以使用来获取光标下的实际节点：


document.getElementById（'parent'）.addEventListener（'keydown'，event=>{
const actualTarget=window.getSelection（）.anchorNode.parentNode；
控制台日志（实际目标）；
});
.root{
右侧填充：1px；
}
#父级>div{
边框颜色：黄色；
浮动：左；
}

奎
锿
洛勒姆
乱数假文
因此，您需要根据用户键入的单词列出建议列表。为了更好地做到这一点，请在键入单词之后而不是之前使用keyup事件获取单词。因此，您需要根据用户键入的单词列出建议列表。为了更好地做到这一点，请使用keyup事件在键入单词之后而不是之前获取单词。