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 删除键

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 推荐三十款最好的免费项目管理软件

    推荐三十款最好的免费项目管理软件1.TeamLab  TeamLab 是一个免费开源的商业协作和项目管理的平台。TeamLab 主要功能包括:项目管理、里程碑管理、任务、报表、事件、博客、论坛、书签、Wiki、即时消息等等。2.XPlanner+   XPlanner是专门为XP(极限编程)团队设计的项目管理工具3.NavalPlan   NavalPlan是一

    2022年5月13日
    56
  • IT基础结构-3.BDC-安装与配置

    IT基础结构-3.BDC-安装与配置

    2021年7月30日
    58
  • c语言socket 释放,C语言socket编程

    c语言socket 释放,C语言socket编程8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?[codelanguage=”cpp”]structsockaddr{unsignedshortsa_family;charsa_data[14];};[/code]这是一个16字节大小的结构(2+14),sa_family可以认为是socketaddressfamily的缩写,也可能被简写成AF…

    2022年7月13日
    17
  • Windows中杀死占用某个端口的进程[通俗易懂]

    Windows中杀死占用某个端口的进程[通俗易懂]启动tomcat时候,控制台报错,发现是端口占用,于是寻找方法关闭对应的程序。从网上找了好久,尝试之后,发现不行。开始自己尝试,终于,成功的将占用端口的进程杀掉。在此记录下过程(以8081端口为例):第一步,根据端口号查找对应的进程号netstat-ano|findstr80//列出进程极其占用的端口,且包含80结果如下:发现8081端口被PID(进程号)为

    2022年7月20日
    22
  • Redis 数据类型

    1.String(字符串)string是redis最基本的类型,一个key对应一个valuestring类型是二进制安全的,即它可以包含任何数据setkeyvalue创建一个键值对getkey得到key对应的值示例:redis127.0.0.1:6379&gt;setnamezhangsanOKredis127….

    2022年4月9日
    38
  • uefi shell 修复引导_磁盘主引导损坏怎么办

    uefi shell 修复引导_磁盘主引导损坏怎么办1、 红旗DC5.032bit莫名其妙死机,(服务器是ibmx36502008年左右的机器),硬重启后无法启动,极其缓慢,到最后报错:a)        Init:cannotexecute“etc/rc.d/rc”b)       各种初始化失败,root卷组无法挂载;c)        服务器四块盘,只有一块不停地闪烁,其他几乎没有响应;d)       初步判断,

    2022年8月20日
    37

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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