使用OnBlur事件修剪Draft.js编辑器内容

Question

为了修剪Draft.js编辑器的内容，以下答案适用于onClick事件：Draft.js-如何修剪内容

但是，我无法使它与onBlur事件一起工作。

在这两种情况下，它都到达了方法，但只有在单击按钮时，它才会对内容进行修剪。

您可以在以下JSFiddle中重现此问题：https://jsfiddle.net/pnfgrhqz/1/

如果您在开头添加空格，然后单击按钮，它将修剪内容，但是，如果您也这样做，然后单击失焦，也会触发trimContent方法，但不会修剪内容。

知道我在这里错过了什么吗？

Answer 1

您有两个选项。你可以用setTimeout 调用微调器

trimOnBlur = () =>{setTimeout(this.trimContent , 0);}

https://jsfiddle.net/bsv3oegr/1/

或者在父div上添加onBlur事件，并使用tabIndex使其可聚焦。

tabIndex="0" onBlur={this.trimContent}

https://jsfiddle.net/8rtcgqkb/