首页 > 其他分享 >事件处理

事件处理

时间:2023-01-29 16:47:28浏览次数:43  
标签:事件处理 修饰符 处理器 内联 event 事件

访问dom元素

event 默认参数
event.target.tagName

内联事件中访问dom元素,传入$event变量
@click="warn('Form cannot be submitted yet.', $event)

事件处理器 方法 & 内联

模板编译器会见检查值是否是js标识符,或属性访问路径,来判断是

  • 方法处理器
  • 内联事件处理器

事件修饰符

  • event.stop
    停止传递

  • @submit.prevent
    提交不会刷新页面

  • .capture

  • .once

  • .passive
    触摸事件,改善移动端滚动性能

键盘修饰

  • @keyup.enter
  • .tab
  • .delete
    捕获Delete和backspace
  • .esc
  • .space
  • .up
  • .down
  • .left
  • .right

系统按键修饰符

  • .ctrl
  • .alt
  • .shift
  • .meta

  • .exact

仅当按下确定键时触发,否则不触发

鼠标按键修饰

  • .left
  • .right
  • .middle

标签:事件处理,修饰符,处理器,内联,event,事件
From: https://www.cnblogs.com/yoe-note/p/17073088.html

相关文章

  • jQuery事件(事件处理,事件绑定与解绑)
    视频<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>18_事件绑定与解绑</title></head><styletype="text/css">*{margin:0px;}.......
  • day57--事件处理
    事件处理使用v-on:xxx或者@xxx绑定事件,xxx是事件别名在methods对象中配置回调函数在methods中配置函数时,不要使用箭头函数click事件点击事件,点击对应的标签或者按钮会......
  • 事件处理_1事件的基本使用
    事件处理_1事件的基本使用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件的基本使用</title><scriptsrc="../js/vue.js"></......
  • 事件处理_3键盘事件
    事件处理_3键盘事件<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><scriptsrc="../js/vue.js"></script></head><bod......
  • 事件处理_2事件修饰符
    事件处理_2事件修饰符<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件修饰符</title><scriptsrc="../js/vue.js"></script>......
  • js 之三 鼠标和键盘事件处理
    鼠标和键盘事件鼠标常见的事件,按下onmousedown,拖动onmounsemove,松开onmousevtup,滚轮等事件;开发需求:当鼠标点击控件,进行拖拽,控件跟随鼠标移动;拖拽事件需求的实现思路分......
  • 第二十章《Java Swing》第4节:事件处理与监听器
    ​当程序员向窗体上添加了按钮等组件之后就能够操作这些组件,但在20.3小节的各个案例中,虽然在窗体上添加了一些按钮,但点击这些按钮并没有任何反应,因此这些按钮也就成了毫无意......
  • 第二十章《Java Swing》第4节:事件处理与监听器
    当程序员向窗体上添加了按钮等组件之后就能够操作这些组件,但在20.3小节的各个案例中,虽然在窗体上添加了一些按钮,但点击这些按钮并没有任何反应,因此这些按钮也就成了毫无意义......
  • Nodejs学习 2 -- events事件处理EventEmitter
    EventEmitter类模块:events源码:events.jsEventEmitter类,是node中事件的基础,实现了事件模型需要的接口,包括addListener,removeListener,emit及其ta工具方法.同原生ja......
  • Android实验——事件处理:显示持续触摸时间
    一、实验要求和目的掌握基于监听的事件处理机制,根据需求能够编写相应的事件处理程序。能够熟练应用各种布局管理器和控件进行界面设计。二、实验环境部署有Android......