码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【Vue】二:Vue核心处理---事件处理


    文章目录

    • 1. 事件修饰符
      • 1.1 prevent
      • 1.2 stop
      • 1.3 capture - 添加事件侦听器时使用 capture 模式。
      • 1.4 self
      • 1.5 one
      • 1.6 passive
    • 2.按键修饰符
    • 3.系统修饰符

    1. 事件修饰符

    1.1 prevent

    在这里插入图片描述
    当我们点击后,回去先执行关联的事件,然后再去执行默认行为,即跳转。

    在这里插入图片描述
    在这里插入图片描述
    如果我们想要阻止浏览器的默认行为,我们可以使用如下的两个方法。其中方法一是使用事件修饰符。
    在这里插入图片描述

    1.2 stop

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    当我们使用stop后,事件停止冒泡。

    1.3 capture - 添加事件侦听器时使用 capture 模式。

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    关于DOM事件流:(网上的一个介绍)
    在这里插入图片描述

    1.4 self

    如果是我自己元素上的事件,则执行,如果是被人传递给我的事件,则不执行。

    1.5 one

    事件只发生一次。

    1.6 passive

    直接继续执行事件的默认行为。

    2.按键修饰符

    (1) .enter
    (2) .tab (只能配合 keydown 使用)
    (3) .delete (捕获“删除”和“退格”键)
    (4) .esc
    (5) .space
    (6) .up
    (7) .down
    (8) .left
    (9) .right

    例如:

    <input type="text" @keyup.enter="getInfo">
    
    • 1

    3.系统修饰符

    (1) .ctrl
    (2) .alt
    (3) .shift
    (4) .meta
    使用

    <input type="text" @keyup.ctrl.c="getInfo"/>
    
    • 1
  • 相关阅读:
    Unity中Shader光照模型Phong的实现
    微信小程序- css相比,wxss区别?小程序关联微信公众号如何确定用户的唯一性?微信小程序中的用户ID(openid和unionid)
    数据分析方法论和业务实战------数据分析概括与数据指标体系
    每日一题——使用tkinter开发GUI程序习题
    SCB-Dataset3 公开 学生课堂行为数据集: A Benchmark for Detecting Student Classroom Behavior
    链表动画演示 等比数列 linux视频等
    virtual box安装ubuntu
    JavaSE——数组
    138589-19-2,羧基荧光素-氨基盐酸盐,FAM-NH2.HCl
    接入Websocket,自动接收CSDN短消息
  • 原文地址:https://blog.csdn.net/weixin_45965358/article/details/130900532
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号