Blueprintjs:热键输入

Question

我目前正在尝试做UI，它允许我为不同的表行输入热键...

所以主要的想法是制作像editableCell这样的东西，我将在其中输入热键。

我已经在文档中找到了getKeyComboString方法：http://blueprintjs.com/docs/#core/components/hotkeys.key-combos

但我的问题是:我如何制作像EditableCell双击这样的东西？

我查看了源代码，发现editableCell为此使用了可拖动组件(我可以这么说)，但我不能导入它。所以我不知道我应该如何检查我的输入是否失去了焦点...

有什么办法可以让热键输入吗？

Answer 1

我已经使用onBlur事件和isEditing状态做到了这一点。

        <div
            className={className}
            onDoubleClick={this.handleCellDoubleClick}
            onBlur={this.handleBlur}
            onKeyDown={this.handleKeyDown}
            tabIndex={0}
        >
            {this.state.keyCombo} 
        </div>

onDoubleClick将状态设置为isEditing: true

onBlur将其设置为false

仅当isEditing: true时，onKeyDown才有效