获取当前操作的组件的信息（evt.currentTarget）

最新推荐文章于 2022-12-21 12:48:37 发布
最新推荐文章于 2022-12-21 12:48:37 发布
阅读量909 收藏
点赞数
分类专栏： 杂 HTML+Javascript+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15167261/article/details/46865245
版权

比如，当前操作事件是click,则evt.currentTarget则表示点击的组件，可以通过以下方式对该组件进行操作，下面事例是改变鼠标的样式。

function(evt){

evt.currentTarget.style.cursor="pointer";

}

可能黑客
关注
专栏目录
获得当前对象组件信息
wypjack的博客
07-20 164
使用event.srcElement.offsetWidth 获得宽 event.srcElement.offsetHeight 获得高 event.srcElement.offsetTop 获得Y轴坐标 event.srcElement.offsetLeft 获得X轴坐标
event对象中 target和currentTarget 属性的区别。
weixin_30791095的博客
12-13 275
首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素
$event.currentTarget-vue获取元素本身
weixin_38103152的博客
06-28 3732
$event.currentTarget
原生js面试题：event对象中的target，currentTarget的区别，以及应用_事件委托
jiang7701037的博客
08-07 3271
一、    event对象中的target，currentTarget的区别        在使用event对象时，event对象有两个属性target和currentTarget，这两属性都代表事件源，由于事件冒泡和捕获（如果想知道事件冒泡和事件捕获请点击）的原因，会出现直接的事件源（发生事件的DOM元素）和当前事件源（经过冒泡或者捕获后，触发的父级对应事件的事件源）。       1）、t...
细说event.currentTarget & event.target的不同使用
weixin_33705053的博客
09-25 260
dom event简介 Event接口表示在DOM中发生的任何事件; 一些是用户生成的（例如鼠标或键盘事件），而其他由API生成(例如指示动画已经完成运行的事件，视频已被暂停等等)。事件添加有以下几个方法： EventTarget.addEventListener注意: Internet Explorer 6-8 并不支持这个方法，而是...
千锋小程序笔记
最新发布
weixin_59820248的博客
12-21 1490
b站千锋小程序笔记
2021-最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)---JavaScript篇
m0_54853146的博客
03-07 513
★★ 介绍一下JS的内置类型有哪些？ ★★★★ 介绍一下 typeof 区分类型的原理 ★★★ 介绍一下类型转换 ★★★★ 说说你对 JavaScript 的作用域的理解。什么是作用域链？ ★★ 解释下 let 和 const 的块级作用域 ★★★★ 说说你对执行上下文的理解 ★★★ 对闭包的看法，为什么要用闭包？说一下闭包的原理以及应用场景？闭包的 this 指向问题？ ★★★ 简述闭包的问题以及优化 ★★★ 如何确定 this 指向？改变 this 指向的方式有哪些？ ★★★ 介绍箭头函数的 this
[ActionScript 3.0]常用功能代码2
axer0811的专栏
12-30 886
★★★★★播放视频，当视频结束后跳转URL★★★★★ var video:Video = new Video(); addChild(video); var nc:NetConnection = new NetConnection(); nc.connect(null);   var ns:NetStream = new NetStream(nc); ns.client = {}
JavaScript教程（一）
m0_56752010的博客
04-21 2574
听课笔记
react native手势流程介绍（基于最新的 react native版本）
qq_17726117的博客
09-24 950
手势事件处理流程，其识别在native端只找到对应需要响应的view和提供手势事件的类型坐标以及用于多指识别的一些信息，而真正的识别过程都是在JavaScript端根据需求使用实现： 一．native端手势事件处理分发： 1.在创建ReactRootView的时候，内部会创建一个对应JSTouchDispatcher实例，JSTouchDispatcher是事件分发的管理类，用来把事件处理传递给JS的方法处理，也就是当UI界面产生事件，就会执行JS的代码处理（@Nullable为可以传入NULL）。 pri
JQuery EVTPaginate
田军的专栏
06-08 128
        https://github.com/allmarkedup/jQuery-EvtPaginate
style、currentStyle、getComputedStyle（）区别
澪月
01-25 806
JS 获取 html元素的样式有三种方式：style、getComputedStyle 和 currentStyle等。区别在于： （1）style 只能获取行间样式，但能设置样式。 （2）getComputedStyle 和 currentStyle 能够获取 行间样式/非行间样式/浏览器默认样式，但存在浏览器兼容问题，且不能设置样式。 一、element.style 获取行间样式，以
事件对象中target对象和currentTarget对象的区别
u013746071的专栏
08-19 6699
1、target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。 2、event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。 3、事件真正的发送者是evt.target（而且是可以变的，根据触发的不同displayObject），注册侦听器的是evt.currentTarget（不会变的）。 4、在 Goo
e.target与e.currentTarget的作用
热门推荐
李小贱的博客
06-29 3万+
要说清楚这个东西，还不太好阐述呢，所以，先看看下面的代码： #fa{ width: 100%; height: 170px; padding: 20px 0px; background-color: cadetblue; }
Flex的 Event中属性currentTarget与target的区别
游海东的技术专栏
07-20 1998
Flex的 Event中属性currentTarget与target的区别 1、区别 （1）currentTarget是事件的处理对象（event processor） （2）target是事件的调用对象（event dispatcher） 2、实例说明 （1）设计源码 <s:Application xmlns:fx="http://ns.adobe.com/mxml
微信小程序
gztrljh
10-02 920
小程序开发和学习一、小程序概念1.小程序是什么？2.小程序自己总结3.小程序与传统App区别4.小程序框架结构(mvvm)二、申请账号与登录设置 一、小程序概念 注：为了更好的学习小程序，建议先学习一下vue的基础再来 1.小程序是什么？ 它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用。 2.小程序自己总结 不是HTML5 用即走，随手可得 拥有离线能力 一次开发，多端兼容 依赖微信客户端中(大树
【React】React实现手风琴效果
LZGS_4的专栏
12-19 4843
需求背景效果图： 由于不确定手风琴的个数，所以无法通过一个全局的state.hidden属性统一设置。有两种解决方法： 1. 数组的方式 2. 建立索引值查找（本文所使用的方法）import React, { Component } from 'react'; import styles from './List.css';import { connect } from 'r
JS event.currentTarget( ) 和 event.target( ) 的区别
weixin_41796631的博客
04-13 7919
这两个方法都是监听事件触发的目标。区别是，event.currentTarget( ) 会返回当前触发事件的元素；而event.target( ) 会返回触发事件触发的源头元素。 用法：可以用来监听触发事件的元素是否事件发生的源头元素。这个源头元素指的是，当我点击子元素，虽然父元素的点击事件也会被触发（冒泡机制），但子元素才是事件的源头元素。 event.currentTarget( ) ...
什么是 event.currentTarget？
liuhao9999的博客
03-22 1408
event.currentTarget是我们在其上显式附加事件处理程序的元素。 假设有如下的 HTML 结构： <divonclick="clickFunc(event)"style="text-align:center;margin:15px; border:1pxsolidred;border-radius:3px;"> <divstyle="margin:25px;border:1pxsolidroyalblue;border-radius:3px;...
touch拦截监听_如何能监听到TouchStart和TouchEnd事件
weixin_33242934的博客
01-17 459
Laya.stage.on(Event.MOUSE_UP, this, onApeRelease);Laya.stage.on(Event.MOUSE_DOWN, this, onApeRelease);通过 Event 类型 监听动作class Event {/** 一个空的 Event 对象。用于事件派发中转使用。*/static EMPTY: Event;/** 定义 mousedown ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值