Javascript 当我用正确的代码触发按键事件时，为什么没有在文本区域写入空格字符？

我创建了一个文本区域，并希望在触发mouseLeave事件时模拟空格键按下。未激发事件且未在文本区域打印（键入）空格字符

原因可能是什么？下面的组件创建了一个文本区域（我使用了antd）

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“./index.css”；
从“antd”导入{排版}；
常量{段落}=排版；
类Demo扩展了React.Component{
状态={
str:'这是一个可编辑文本'，
};
onChange=str=>{
log（'Content change:'，str）；
this.setState（{str}）；
};
onMouseLeave=（）=>{
const editableAreaContainer=document.querySelector（“.container>textarea”）；
if（可编辑区域容器）{
editableAreaContainer.dispatchEvent（新事件（“焦点”））；
editableAreaContainer.dispatchEvent（新键盘事件（“按键”）{
泡泡：是的，
密码：32
}));
}
}
render（）{
返回(
{this.state.str}
);
}
}
ReactDOM.render（，document.getElementById（'container'））；

您正在那里声明

按键

事件 即使你触发了它，你仍然需要更新状态来更新它。 我想这可能对你有帮助

onMouseLeave = () => {
let str = this.state.str+"\xa0";
    this.setState({ str })
}

---

您正在那里声明

keypress

事件 即使你触发了它，你仍然需要更新状态来更新它。 我想这可能对你有帮助

onMouseLeave = () => {
let str = this.state.str+"\xa0";
    this.setState({ str })
}

---

为什么按键不起作用？它与人类打字有什么不同？因为

keypress

事件只是检测按键是否被按下。你不能通过它来控制键盘，但你可以根据自己的需要检测和更改这些键的工作方式为什么按键不工作？它与人类打字有什么不同？因为

keypress

事件只是检测按键是否被按下。你不能通过它来控制键盘，但你可以根据自己的意愿检测和更改这些键的工作方式