捕获移动端键盘Enter事件

版权声明：本文为博主原创文章，转载时请注明出处。 https://blog.csdn.net/i_dont_know_a/article/details/85131276

最近做了一个需求，其中有个细节是能搜索，点击键盘上的Enter时能进行搜索，这就需要捕获键盘上的Enter事件了。

其实键盘上的每个键都有一个键盘码，我们能获取其键盘码从而判断事件。

按键	键码
ESC键	VK_ESCAPE (27)
回车键	VK_RETURN (13)
TAB键	VK_TAB (9)
Caps Lock键	VK_CAPITAL (20)
Shift键	VK_SHIFT ($10)
Ctrl键	VK_CONTROL (17)
Alt键	VK_MENU (18)
空格键	VK_SPACE ($20/32)
退格键	VK_BACK (8)
左徽标键	VK_LWIN (91)
右徽标键	VK_LWIN (92)
鼠标右键快捷键	VK_APPS (93)

而我这次要用到的仅仅是Enter键代码如下：

<input 
    type="search" 
    placeholder="搜索课程…" 
    value={self.state.query}
    onChange={self.handleSearchChange}
    onKeyUp={self.handleKeyUp}
    onBlur={Util.scrollPage}
></input>

/**
 * @msg: 监听按下搜索键
 * @param {type} 
 * @return: 
 */
handleKeyUp = (e) => {
    // 监控 enter 事件
    if (e.keyCode === 13) {
        this.setState({
            pageNum: 1,
        });
        this.getData();
    }
}