文档章节

Vue中监听 键盘事件及修饰符

o
 osc_5h2xxt0l
发布于 07/01 08:20
字数 176
阅读 23
收藏 0

精选30+云产品,助力企业轻松上云!>>>

键盘事件:

  keyCode 实际值

  • 48到57      0 - 9
  • 65到90           a - z ( A-Z )
  • 112到135       F1 - F24
  • 8                    BackSpace ( 退格 )
  • 9                    Tab
  • 13                  Enter ( 回车 )
  • 20                  Caps Lock ( 大写)
  • 32                  Space ( 空格键 )
  • 37                  Left ( 左箭头 )
  • 38                  Up ( 上箭头 )
  • 39                  Right ( 右箭头)
  • 40                  Down ( 下箭头 )

  别名按键设置

  • .delete            删除
  • .tab                 Tab
  • .enter              回车
  • .esc                退出
  • .space            空格
  • .left                 左箭头
  • .right               右箭头
  • .down             上箭头
  • .up                  下箭头
  • .ctrl                 Ctrl
  • .alt                  Alt
  • .shift               Shift  

   修饰符

  • .stop   阻止事件冒泡 (等同于JavaScript中的event.stopPropagation()
  • .prevent   阻止默认行为 (等同于JavaScript中的event.preventDefault()
  • .self   当事件在该元素本身触发回调
  • .capture  触发事件捕获
  • @once  只执行一次
o
粉丝 0
博文 52
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Vue 事件处理

原生的js事件处理 原生的js事件处理,可以分为:直接内联执行代码,或者绑定事件函数。 在内联的事件处理函数内部或者事件绑定的方法内部的作用域中的this都是指向当前的dom对象。如何在vue...

osc_2koyq9mo
2019/02/22
1
0
Vue2.0学习笔记:Vue事件修饰符的使用

事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量,把它传入到中的方法中。 在Vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼...

osc_u69w8vfw
2018/08/02
4
0
[Vue 牛刀小试]:第六章 - 按键修饰符的使用

一、前言    上周末的时候,准备试试将 ASP.NET Core 的项目部署到 CentOS 服务器上,结果在一个接一个坑里面跳,最后 Supervisor 守护程序还是有问题,于是,采用重装系统大招,结果,碰巧...

osc_0ypeszdl
2018/11/16
3
0
一起学Vue之事件处理

在Vue进行前端开发中,事件监听是必不可少的功能,本文通过简单的小例子,简述v-on的简单用法,仅供学习分享使用,如有不足之处,还请指正。 监听事件 可以用 v-on 指令监听 DOM 事件,并在触...

Alan.hsiang
01/18
0
0
Vue-概念、指令、修饰符

一、Vue概念   (一)什么是Vue:渐进式JavaScript框架   (二)Vue特点:数据进行驱动   (三)两大核心:虚拟DOM,双向绑定   (四)版本:     1、开发版本:包含完整的警告和...

osc_ogi0qclx
2019/08/27
2
0

没有更多内容

加载失败,请刷新页面

加载更多

Kafka如何在千万级别时优化JVM GC问题?

大家都知道Kafka是一个高吞吐的消息队列,是大数据场景首选的消息队列,这种场景就意味着发送单位时间消息的量会特别的大,那既然如此巨大的数据量,kafka是如何支撑起如此庞大的数据量的分发...

hummerstudio
06/18
6
0
我打赌!90%程序员都破解不了这个粽子,不信你试!

放假了 各位读者朋友们,马上就是端午小长假啦,开心激动有木有? 新的故事文章还在创作中,写了初稿感觉不太满意又推倒重来。其实写故事还是挺难的,读者可能第一次第二次有新鲜感,写多了就...

轩辕之风
06/24
20
0
如何删库跑路?教你使用Binlog日志恢复误删的MySQL数据

前言 “删库跑路”是程序员经常谈起的话题,今天,我就要教大家如何删!库!跑!路! 开个玩笑,今天文章的主题是如何使用Mysql内置的Binlog日志对误删的数据进行恢复,读完本文,你能够了解...

后端技术漫谈
01/14
22
0
PHP设计模式之代理模式

PHP设计模式之代理模式 代理人这个职业在中国有另外一个称呼,房产经济人、保险经济人,其实这个职业在国外都是叫做房产代理或者保险代理。顾名思义,就是由他们来帮我们处理这些对我们大部分...

硬核项目经理
2019/09/23
7
0
Redis的复制模式

Redis的复制功能分为同步(sync)和命令传播(command propagate)两个操作。 同步 同步操作用于将从服务器的数据库状态更新至主服务器当前所处的数据库状态。 1. 旧版本的执行步骤 从服务器...

osc_s9cni3go
20分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部