大国工匠普拉斯金 2022-01-05 01:43 采纳率: 75%
浏览 167
已结题

为什么vue的keyup.delete回退键也会触发呢?


<body>
    <div id="abc">
        <form action="">
            <div>
                用户名:<input type="text" v-on:keyup.delete="clearContent" v-model="name" />
            </div>
            <div>
                密码:<input type="password" v-model="pwd" v-on:keyup.enter="dian" />
            </div>
        </form>
    </div>

    <script>
        var vm = new Vue({
            el: '#abc',
            data: {
                name: '',
                pwd: '',
            },
            methods: {
                clearContent: function(e) {
                    this.name = '';
                },
                dian: function(e) {
                    console.log(this.name + '和' + this.pwd);
                },
            },
        });
    </script>
</body>

我想在用户名这个框让用户按下delete键可以删除全部的用户名,但是我按下键盘加号旁边的回退键也会触发全部删除,这是为什么呢?

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-05 08:46
    关注

    img

    官网写的很清楚 这样设计估计也是为了区分系统键盘,因为像mac就是delete是删除键,而像windows就是backspace是删除键,你如果想精确到键,推荐你用事件对象按键码去区分

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月13日
  • 已采纳回答 1月5日
  • 创建了问题 1月5日

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题