vue 键盘事件keyup/keydoen

vue 键盘事件keyup/keydoen使用:当你按下键盘,键盘的值为13的时候,将会执行show函数方法以上两种keyup和keyup.13方法是一样的,点击回车按键,就会执行alert方法一些便捷方式:@keyup.13回

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

使用:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script src="vue.js"></script>

    <script type="text/javascript">
        window.onload = function(){
            var vm = new Vue({
                el:'#box',
                methods:{
                    show:function(ev){
                        if(ev.keyCode == 13){
                            alert('你按回车键了');
                        }
                    },
                }
            });
        }
    </script>
</head>
<body>
    <div id="box">
        <input type="text" placeholder="请输入" @keyup="show($event)"> 

        <input type="text" placeholder="请输入" @keyup.13="show($event)">
    </div>
</body>
</html>

 

当你按下键盘,键盘的值为13的时候,将会执行show函数方法

以上两种keyup和keyup.13方法是一样的,点击回车按键,就会执行 alert 方法

 

一些便捷方式:

       @keyup.13 回车

  @keyup.enter 回车

  @keyup.left 左键

  @keyup.right 右键

  @keyup.up 上键

  @keyup.down 下键

  @keyup.delete 删除键

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167930.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • TortoiseSVN菜单项功能说明

    TortoiseSVN菜单项功能说明

  • 固态硬盘数据恢复商家梳理[通俗易懂]

    固态硬盘数据恢复商家梳理[通俗易懂]整理了几家固态硬盘数据恢复商家联系方式,分享给大家。淘宝店名 地址 联系人 电话 价格 成功率 备注 ccbccr服务旗舰店 北京市海淀区中关村中科大厦A座14层1408 辛师傅 13269874833 2000-5000 50% 不许一直在现场看 云光科技数据恢复中心 河北张家口市涿鹿合符大街合符北区8-3-401 陈晓光 13522121334 400 80% 可以到现场观看修复过程

  • json和jsonp的使用区别

    json和jsonp的使用区别

  • C/C++程序猿必须熟练应用的开源项目

    C/C++程序猿必须熟练应用的开源项目

  • javascript 页面后退并刷新

    javascript 页面后退并刷新javascript做页面后退常使用的方法是window.history.back();这样确实可以做到后退的功能,但是项目中,常常并不只是后退就行完成需求,往往需要在后退的同时,刷新后退的页面信息,比如后退到首页同时刷新首页的最新数据,这样的需求通过上面这种方法就没法满足了,为了实现这个需求,我们需要使用到document.referrer这个方法可以取到上一个页面的具体路径

  • web图书销售管理系统_解读图书管理系统为书店带来的好处

    web图书销售管理系统_解读图书管理系统为书店带来的好处图书管理系统的出现,极大地推动了大中小型书店的发展,使书店管理工作更加高效成为书店管理的重要软件。其中图书管理系统给行业的好处更是大大方便了行业的运作。一、图书管理系统在书店中的应用,主要是为了进销存的目的,为了提高书店的效率加速发展,但没有选择合适的图书管理系统往往事与愿违。图书管理制度的选择是书店经营管理工作中的重要环节。图书管理系统,尤其是进销存功能,是书店在经营过程中对采购、销售、财务等进…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号