键盘事件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先添加一个包装元素 ... 里面用一个 input ... 文本框 ... 在上面可以绑定一个 keyup 这个键盘事件 .. 在绑定事件的时候可以再一些修饰符 ... 这个点后面的东西就是要使用的修饰符 ...

这里我们可以使用键盘的按键修饰符 .. 每个按键都有一个对应的数字表示 .. 比如表示 回车 键的数字是 13 ... 这里的 13 就是一个修饰符 ..

记住这些数字有点麻烦,Vue 为一些常用的按键提供了一些别名 .. 比如 esc ,space,up,down,left,right ... 回车就是 enter ... 可以把这个数字,换成 enter ..

然后用一个 process 方法处理这个事件 .. 然后在 Vue 实例的里面,添加一个 methods 属性 ... 里面可以定义一个 process 方法 .. 加上一个 event 参数 .. 在控制台上输出这个表示事件对象的 event ..

到浏览器上再去试一下 ... 输入点文字 .. 再按一下回车 .. 会在控制台上输出事件对象 ... 因为触发执行了应用里的 process 方法 ..

要得到发生这个键盘事件的元素里的值,可以在 event 对象的 target 下面的 value 属性里得到 ...

再输入点内容 ... 按一下回车 ... 这次输出的就是我们在文本框里输入的内容 ...

键盘事件《 Vue.js 前端框架 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点