vue.js 中fnname($event--js原生事件的event对象)

最新推荐文章于 2025-09-18 14:18:07 发布
原创 最新推荐文章于 2025-09-18 14:18:07 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍JavaScript中通过$event捕获原生DOM对象的方法。重点讲解了target属性（触发事件的对象）与currentTarget属性（绑定事件的对象）的区别，并提供代码示例帮助理解。

在调用事件时传$event--（固定写法）来捕获原生DOM对象

point:

    1.target--指当前触发的对象

    2.currentTarget--指当前绑定事件的对象

e.g:

model:

js:


e.target 原生js 没有 $event的 自定义属性值 传参
lyinshaofeng的博客
11-10 627
vue 原生js e.target 没有 $event的 自定义属性值 传参
vue.js click点击事件获取当前元素对象的操作
12-28
Vue.js可以传递$event对象 <body id=app> 点击当前行文本 li2 li3 [removed] new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) { //获取点击对象 var el = event.currentTarget; al
vue.js - 奇怪的 event 对象
dengla6847的博客
01-26 464
好久都没有写点东西了， 前段时间工作搞得头大，真的就是一起加班到死了。废话不多说，写这篇文章是因为这次因为 event 对象闹了一个乌龙，以此总结一下。 一、event 对象 （一）事件的 event 对象 你说你是搞前端的，那么你肯定就知道事件，知道事件，你就肯定知道 event 对象吧？各种的库、框架多少都有针对 event 对象的处理。比如 jquery，通过它内部进...
vue.js v-on事件使用，vue.js event事件绑定
05-03
NULL 博文链接：https://fanshuyao.iteye.com/blog/2434686
那些关于$event在vue中不得不说的事
最新发布
2501_91610620的博客
09-18 327
template>-- $event 就是子组件 emit 的 payload --><script></script>Vue 2 的自定义事件（$emit）根本就不会自动冒泡，所以不存在“第三层还能不能拿到 payload”的问题——事件在第 1 层就被消费了，后面的层级默认收不到。体系是否冒泡典型 API备注浏览器原生 DOM 事件✅ 冒泡.native点击、键盘、滚动…Vue 自定义事件系统❌ 不冒泡vm.$emit、组件@foo只在父子之间点对点通信。
Vue：event对象
weixin_34296641的博客
12-30 792
一、什么是event对象 event对象：代表的是事件的状态。比如获取当前的元素：e.Target。 二、事件冒泡 什么是事件冒泡呢？百度百科的解释如下： 当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理...
Vue拿到原生DOM事件event
alpha_xu_vvvvv的博客
09-21 615
Vue的小知识点 1.如果需要在Vue中拿到原生DOM事件event //这里的greet不需要（）和参数 <div id="example-2"> <!-- `greet` 是在下面定义的方法名 --> <button @click="greet">Greet</button> </div> methods: { greet(event) { alert('Hello ' + this.name + '!')
详解vue.js的事件处理器v-on:click
10-19
同时，`event`参数是原生的JavaScript事件对象，你可以从中获取关于触发事件的信息，比如触发事件的元素（`event.target`）。 ### 3. 事件修饰符 Vue.js提供了多种事件修饰符，它们可以改变事件处理器的行为： - ...
SSE示例代码，对原生EventSource和@microsoft/fetch-event-source进行对比
01-25
@microsoft/fetch-event-source是微软推出的一个封装了原生EventSource的JavaScript库。它提供了额外的功能，比如支持跨域请求、自定义错误处理等。这个库的出现，主要是为了解决原生EventSource的一些限制，例如在...
Vue.js中vue-quill-editor实现图片上传到服务器
一旦用户选择图片文件，`change`事件被触发，此时可通过`event.target.files`获取到文件对象列表。接下来的关键步骤是使用`FormData`构造函数创建一个表单数据对象，将选中的文件添加进去，并通过`axios`或`fetch`等...
Vue.js 中的 v-model 指令及绑定表单元素的方法
10-17
`v-model` 指令在 Vue 中用于实现视图和模型之间的双向数据绑定，它使得表单元素的值能够实时反映到 Vue 实例的数据对象中，反之亦然。在本文中，我们将深入探讨 `v-model` 的基础用法和在不同表单元素上的应用。 1...
精选资源
Vue.js期末总复习
06-28
在Vue.js中，可以使用$event变量来获取原生的DOM事件对象。 14. 下列哪个不是Vue.js为v-model指令提供的修饰符？self。 在Vue.js中，v-model指令提供了多种修饰符，例如lazy、number、trim等，但self不是其中之一...
vue-js 特殊变量$event常识
u011280778的博客
02-13 1万+
背景 如果我们要阻止默认事件，在 chrome 等浏览器中，我们可能要写一个： event.preventDefault(); 而在 IE 中，我们则需要写： event.returnValue = false; jquery ，跨浏览器的实现，我们统一只需要写： event.preventDefault(); vue 中的 event 对象 相比于 jquery，vue 的...
js中事件对象event
热门推荐
冰雪为融的博客
03-06 1万+
一、Event对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息（包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。）都会被临时保存到一个指定的地方...
[Vue]$event变量
m0_51955470的博客
11-21 978
event是 Vue.js 提供的一个特殊变量，指向事件对象，它代表了触发当前事件的原生 DOM 事件。在事件处理方法中，可以通过$event获取与该事件相关的所有详细信息，如鼠标坐标、键盘按键值、输入框的值等。如果只关心事件的某个特定值（如输入框的内容），可以直接传递该值，而不需要传递整个事件对象，这样能让代码更简洁清晰。希望这个解释能够帮助你更好地理解$event的作用！
[vue] vue中是如何使用event对象的？
歌谣的博客
03-04 759
[vue] vue中是如何使用event对象的？ @click=“func” 默认第一个参数传入event对象 @click="func(0, $event)" 如果自己需要传入参数和event对象，则需要使用$event来获取event对象并传入func 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
vue中如何使用event对象
weixin_33742618的博客
05-09 1509
原文地址 一、event 对象 （一）事件的 event 对象 你说你是搞前端的，那么你肯定就知道事件，知道事件，你就肯定知道 event 对象吧？各种的库、框架多少都有针对 event 对象的处理。比如 jquery，通过它内部进行一定的封装，我们开发的时候，就无需关注 event 对象的部分兼容性问题。最典型的，如果我们要阻止默认事件，在 chrome 等浏览器中，我们可能要...
vue中组件使用$event
qq_43583236的博客
05-09 400
此外还有<input type="text" @click="abc($event)" value="123" />看代码时，看到了一个$event，基础不扎实不理解意思，搜索后明白是获取原生DOM事件对象。这里打印出来就是复选框的选中状态值： true/false。$event.target..value就是输入框的值。
HTML使用vue的 event,Vue.js中ref 及 $event 事件对象
weixin_35713824的博客
06-24 517
在使用vue.js框架过程中，我们经常会听到有人说数据驱动视图，一切操作皆为操作数据，这句话没什么大毛病，只是个人感觉说这句话的人是一根筋罢了，因为js很大一部分核心就是操作DOM。即使是在框架时代，我们也无法避免这个问题。简单举个例子，如果在你渲染一个列表li，想在用户点击这个li时候增加一个一个背景颜色，那你是否需要拿到后端的数据，然后一顿循环在每个item的属性上添加一个变量开关，然后在页面...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值