Vue键盘事件@keydown

<script type="text/javascript">
			window.onload = function(){
				new Vue({
					el:'#box',
					data:{
						
					},
					methods:{
						show:function(ev){
							//keyCode是获取键盘码
							alert(ev.keyCode);
						}
					}
				});
			};
		</script>




<div id="box">
			<!--
            	时间：2018-02-28
            	描述：@keydown键盘事件
            -->
			<input type="text" @keydown="show($event)" />
		</div>

<script type="text/javascript">
			window.onload = function(){
				new Vue({
					el:'#box',
					data:{
						
					},
					methods:{
						show:function(ev){
							//keyCode是获取键盘码
							alert(ev.keyCode);
						}
					}
				});
			};
		</script>




<div id="box">
			<input type="text" @keyup="show($event)" />
		</div>

<script type="text/javascript">
			window.onload = function(){
				new Vue({
					el:'#box',
					data:{
						
					},
					methods:{
						show:function(){
							//keyCode是获取键盘码
							//if(ev.keyCode == 13){
								alert("回车");
							//}
						}
					}
				});
			};
		</script>






<div id="box">
			<!--
            	时间：2018-02-28
            	描述：@keyup.13这样就可以快速的监测是否按了回一个键
            -->
			<input type="text" @keyup.13="show()" />
		</div>

<script type="text/javascript">
			window.onload = function(){
				new Vue({
					el:'#box',
					data:{
						
					},
					methods:{
						show:function(){
							//keyCode是获取键盘码
							//if(ev.keyCode == 13){
								alert("按了键");
							//}
						}
					}
				});
			};
		</script>


<div id="box">
			<!--
            	时间：2018-02-28
            	描述：@keyup.enter Vue对常用输入的进行了与键盘名一样的监测，常用的有
            		@keyup/keydown.left
            		@keyup/keydown.right
            		@keyup/keydown.up
            		@keyup/keydown.down
            -->
			<input type="text" @keyup.enter="show()" />
		</div>