17-常用指令-v-on按键修饰符

最新推荐文章于 2022-05-24 18:48:29 发布

奔波波灞

最新推荐文章于 2022-05-24 18:48:29 发布

阅读量97

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/m0_57783938/article/details/119838300

版权

vue.js 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>17-常用指令-v-on按键修饰符</title>
    <script src="js/vue.js"></script>
</head>
<body>
<!--
1.什么是按键修饰符
我们可以通过按键修饰符监听特定按键触发的事件
例如: 可以监听当前事件是否是回车触发的, 可以监听当前事件是否是ESC触发的等

可以利用event.keycode 判断按键的编码数值
2.按键修饰符分类
2.1系统预定义修饰符
2.2自定义修饰符
-->

<!--这里就是MVVM中的View-->
<div id="app">
<!--    <input type="text" @keyup.enter="myFn">-->
    <input type="text" @keyup.enter="myFn">
</div>
<script>
    //用指定的变量代替编码数值
    Vue.config.keyCodes.f2 = 113;
    // 这里就是MVVM中的View Model
    let vue = new Vue({
        el: '#app',
        // 这里就是MVVM中的Model
        data: {
        },
        // 专门用于存储监听事件回调函数
        methods: {
            myFn(event){
                alert(event.target);
            }
        }
    });
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

奔波波灞

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
17-常用指令-v-on按键修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>17-常用指令-v-on按键修饰符</title> <script src="js/vue.js"></script></head><body><!--1.什么是按键修饰符我们可以通过按键修饰符监听特定按键触发.
复制链接

扫一扫