如何让 draft.js 识别转义键?
How can I get draft.js to recognize the escape key?
我想在用户键入转义键时取消输入并清除应用程序中的字段。我们尝试在 keyBindingFn 中测试 e.which === 27,但是当按下转义键时甚至都不会调用该函数(对于普通键、修改键和箭头键,它被调用得很好)。如何检测 draft.js 中的 Escape 按键?
我们在编辑器的封闭 div 中使用 onKeyDown 处理程序解决了这个问题。我对解决方案并不满意,希望有人有更好的解决方案,但这至少有效。
编辑器组件有 onEscape 属性
<Editor
editorState={this.state.editorState}
onChange={this.onChange.bind(this)}
onEscape={keyEvent=>console.log('Escape just pressed')}
ref="editor"
/>
我想在用户键入转义键时取消输入并清除应用程序中的字段。我们尝试在 keyBindingFn 中测试 e.which === 27,但是当按下转义键时甚至都不会调用该函数(对于普通键、修改键和箭头键,它被调用得很好)。如何检测 draft.js 中的 Escape 按键?
我们在编辑器的封闭 div 中使用 onKeyDown 处理程序解决了这个问题。我对解决方案并不满意,希望有人有更好的解决方案,但这至少有效。
编辑器组件有 onEscape 属性
<Editor
editorState={this.state.editorState}
onChange={this.onChange.bind(this)}
onEscape={keyEvent=>console.log('Escape just pressed')}
ref="editor"
/>