<div id="app">
<input type="text" @keydown="handleKeyDown">：输入的实时弹出内容
<br><br>
<input type="text" @keydown.enter="handleKeyDown">：回车/enter 的时候弹出结果
<br><br>
<input type="text" @keydown.delete="handleKeyDown">：delete的时候弹出结果
<br><br>
<input type="text" @keydown.esc="handleKeyDown">：esc的时候弹出结果
<br><br>
<input type="text" @keydown.shift="handleKeyDown">：shift的时候弹出结果
<br><br>
<input type="text" @keydown.alt="handleKeyDown">：alt的时候弹出结果
<br><br>
<input type="text" @keydown.tab="handleKeyDown">：tab的时候弹出结果
</div>var app = new Vue({
el: "#app",
methods: {
handleKeyDown: function (e) {
// e.target 指的是 input dom框这个节点，通过原生value可以把输入框的内容弹出来
alert(e.target.value);
}
}
});
External CSS
This Pen doesn't use any external CSS resources.