2016-07-15 17 views
2

ユーザーがエスケープキーを入力したときに、入力をキャンセルしてアプリケーションのフィールドをクリアしたいとします。 keyBindingFnでe.which === 27のテストを試みましたが、エスケープキーが押されたときにその関数が呼び出されることはありません(通常のキー、修飾キー、および矢印キーで正常に呼び出されます)。 draft.jsでエスケープキー押下を検出するにはどうすればよいですか?draft.jsにエスケープキーを認識させるにはどうすればよいですか?

答えて

2

エディタコンポーネントは

<Editor 
 
    editorState={this.state.editorState} 
 
    onChange={this.onChange.bind(this)} 
 
    onEscape={keyEvent=>console.log('Escape just pressed')} 
 
    ref="editor" 
 
/>

+0

おかげでプロパティをonEscapeています!これは素晴らしいです。 –

0

これは、エディタを囲むdivのonKeyDownハンドラで解決しました。私は解決策に興奮していないと誰かがより良いものを願っていますが、これは少なくとも動作します。

関連する問題