当我们要在一个输入框中监听回车事件时要绑定keyup事件；
keydown当键盘被按下时会触发；keyup当键盘松开时触发；

1
<input type="text" value="" id="search_input"/>

原生JavaScript实现;

1
2
3
4
5
6
7
document.getElementById('search_input').onkeyup = function(e){
	var theEvent = window.event || e;
	var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
	if (code == 13) {
		//doSomeThing...
	}
}

jQuery实现；

1
2
3
4
5
$("#search_input").keyup(function(e){
	if (e.keyCode == 13) {
		//doSomeThing...
	}
})

Vue事件绑定实现

全部键盘别名 enter,tab,delete,esc,space,up,down,left,right;
组合按键 ctr,alt,shift,meta(window系统下是win键，mac下是command键)

1
2
3
4
5
<input type="text" @keyup.enter="search"  v-model="search_input"/>
//methods
search(){
	//doSomeThing...
}

如果是封装组件的话，例如element的el-input，要加上native;

1
<el-input v-model="search_input" @keyup.enter.native="search"></el-input>