v-on的键盘修饰词

         <div id="app">
		   <!-- 监听键盘的事件
		   失去登录文本框焦点时 可以使用 -->
		   <form @submit.prevent=''>
			   账号<input type="text" name="user"/>
			   密码<input type="text" name="password" />
			    <input type="submit"  value="登录" @keyup.enter="submit"/>
		   </form>
		  </div>

		  <script src="vue.js"></script>
		  <script>
		    const app = new Vue({
		      el:"#app",
		      methods:{
		        submit(){
		          console.log("keyup点击")
		        }
		      },
			  created() {
			      let that = this;
			      document.onkeydown =function(e){
			        e = window.event || e;
			        if(e.code=='Enter'||e.code=='enter'){//验证在登录界面和按得键是回车键enter
			          that.submit();//登录函数
			        }
			      }
			    }
		    })
		  </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值