vue的事件对象
2024-08-26 13:27:46
事件对象:
v-on:click/mouseover简写:@click=""
@click="show($event)"
<input type="button" value="按钮" @click=“show($event,12)”
methods: {
show: function(ev, b){
alert(ev.clientX);
}
}
ev.clickX
事件冒泡:
阻止冒泡:
a) ev.cancelBubble=true; (原生js语法)
b) @click.stop="show()" 推荐使用
默认行为(默认事件)
阻止默认行为:
a) @contextmenu.prevent="show()" 右键行为事件,但右键有个默认行为;推荐使用
b) ev.preventDefault() (原生js语法,阻止默认行为)
键盘事件
@keydown="show(event)" ev.keyCode
@keyup
回车:
@keyup.13
@keyup.enter
上下左右
@keyup/keydown/l
@up, down left, right
最新文章
- POCO Controller 你这么厉害,ASP.NET vNext 知道吗?
- CentOS安装LNMP环境的基础组件
- 创建 WPF 工具箱控件
- ConfigHelper.cs
- 杭电ACM题目分类
- QB资料学习.01
- VisualSvn server 权限配置
- log4net面面观之Repository
- 全面分析 Spring 的编程式事务管理及声明式事务管理--转
- gdb调试 使用心得
- C# 缩略图算法
- Java 7源码分析第13篇 - 字节输入输出流(1)
- 标准I/O库函数的缺陷
- 结构-行为-样式-Js排序算法之 快速排序
- 微信小程序多张图片上传
- C++ 多态与虚函数
- 在SQL Server Express版本中没有代理功能如何自动备份数据库
- Docker在Linux上运行NetCore系列(二)把本地编译好的镜像发布到线上阿里云仓库
- [LeetCode&;Python] Problem 746. Min Cost Climbing Stairs
- ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。