虚拟标签做添加点击事件,e.target 方法

最新推荐文章于 2022-09-14 14:10:31 发布
最新推荐文章于 2022-09-14 14:10:31 发布
阅读量315 收藏
点赞数
文章标签： java servlet junit
本文链接：https://blog.csdn.net/weixin_54368936/article/details/126579101
版权

 

 

event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…）

event.target.id　　　　　　//获取事件触发元素id

event.target.className　　//获取事件触发元素classname

event.target.innerHTML　 //获取事件触发元素的内容（li）
 

闭眼说瞎话
关注
Linux_RHEV虚拟化_基础理论&KVM
烟云的计算
12-25 4213
目录目录 RHEV KVM Full 完全虚拟化 PV半虚拟化 Full和PV最大的区别 HVMHardware Virtual Manager硬件辅助虚拟化 Setup KVM Use the virtual host management command 利用模板批量创建虚拟机 创建OS模板 使用池来批量创建 RHEV应用 RHEV Framework Setup the RHEV-M Port
解决Vuforia Sample中替换Image Target后Virtual Button不能准确改变茶壶颜色
01-28 1073
这个问题的来源是我接到一个任务做这么一个效果：识别一张名片，弹出3D模型，最好有互动。由于我是AR新手，最好的途径就是修改官方的例子。名片算是平面图像，对应Vuforia就是ImageTarget，而最容易想到的互动就是加入虚拟按键。 查找官方Sample，发现Virtual Button的例子符合我需要的效果，即识别一张Image，然后在Image的上方中间渲染出一个3D模型（此为一把3D茶壶）...
h5点击事件 e.currentTarget 与 e.target区别
飓风kk的博客
04-07 426
摘录自 MDN: The currentTarget read-only property of the Event interface identifies the current target for the event, as the event traverses the DOM. It always refers to the element to which the event handler has been attached, as opposed to Event.target, whic
this与事件对象的e.target的区别
最是人间留不住，朱颜辞镜花辞树。
03-11 778
this返回的是绑定事件的对象（元素）；e.target返回的是触发事件的对象（元素）。 简单来说，this：哪个元素绑定了这个点击事件，就返回哪个元素；e.target：点击了哪个元素，就返回哪个元素（操作某特定元素触发的改事件，那么返回这个特定元素）。 示例： 给div添加点击事件： var div = document.querySelector('div'); div.addEventListener('click', function(e) { console.log(this
为节点绑定事件的几种方法
小荷才露尖尖角
11-28 911
 “绑定事件”是UI开发中最常用到的操作之一，这里介绍几种方法，供大家选择：   1、html内嵌法     顾名思义，就是在html代码里节点代码里绑定事件。如下面代码     <html> <head> <script type="text/javascript"> function test(){ alert("bang"...
在Vue项目中使用Jquery 用event.target 添加class类名替换图片
若把你比作歌
06-09 2767
在画布处添加点击事件 <div id="icanvas" style="list-style:none;background:white;width:100px" v-html="D_program" @click="getDivE" >{{D_program}}</div> 点击事件如下 getDivE(event){ console.log(event) console.log(event.target) console.log(event.ta
以Event对象为例详述JavaScript中添加事件的三种方式
YJT180的博客
10-27 295
JavaScript中的Event事件 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： JavaScript中添加事件的三种方式 通过在标签中为对应事件添加设定值来添加事件 <!DOCTYPE html> <html> <head> <meta ...
Javascript 事件
qq_42839746的博客
09-14 1151
JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。
云E办Springboot+vue——前端项目完整版（含源码）
热门推荐
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
事件（DOM事件绑定）
Cc200171的博客
05-25 487
DOM0级事件 所有的浏览器都支持 事件只能注册一次，后边的会覆盖旧的 注册：在html上添加 <div onclick = “alert('helllo')”></div> 匿名函数 d.onclick = function() {} this指向自身 普通函数 onclick = “ok()” 相对于动态掉用、this指向window、没有事...
htmlcss
qq_52400625的博客
05-09 491
基础语法&标签 1.建立站点 html、css、js、images、等文件夹和index.html文件 2.基础知识 1.<!DOCTYPE html>注记 翻译html 兼容低版本会造成页面串行 ​ 英文 ​ <head></head> 定义窗体信息 外部引入文件 ​ 放置页面显示信息 3.基础标签 p 段落标签, h1~h6标题标签, (b,strong)加粗标签 （i,em)倾斜标签 sub,sup左上角右上角 hr br 转义字
Vue中currentTarget $event 的用法
hh3167253066的博客
08-21 1978
<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.fi
HTML(e.target)BOM对象的常用方法
weixin_51277037的博客
04-28 971
class removeClass 删除class className 获取class classList.add 添加class style e.target.style 例如 e.target.style.color="red" value e.target.value 获取value属性 html e.target.innerHTML 获取子标签
小程序动态添加class 以及 点击捕获currentTarget和target的区别
houzhyan-博客
08-27 2803
简述 由于微信小程序开发不同于以往的普通web开发, 因此无法通过js获取wxml文件的dom结构, 因此从js上直接添加一个类名应该不可能了. 可是我们可以通过微信小程序数据绑定以及view标签的”data-“自定义属性去更改标签类名. 说明 通过数据绑定在3个标签上绑定相同的变量_num, 当点击不同标签时, 在js逻辑层中通过event.target.dataset.num来获取标签d...
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Fting
09-15 1万+
如下代码可以实现点击页面获得被点击元素的id 1 2 3 $(document).click(function(e) { // 在页面任意位置点击而触发此事件   $(e.target).attr("id");       // e.target表示被点击的目标 }) 示例代码如下 创建Html
【小程序】获取到的e.target与e.currentTarget区别
Y.Cheng的博客
05-14 1万+
在html中这两个事件属性，很容易让我混淆，小程序中这两个属性也很重要，因此又必要好好深入理解下，让自己分清这两个Dom的属性。 这里是MDN给的解释 target:一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。 currentTarget:在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。它指的是当事件遍历DOM时，标识事件的...
JS常用的自定义函数addClass() insertAfter() addLoadEvent(func)
9ian1i
02-09 639
这里有三个常用操作DOM，但并不属于内置的函数：增加类属性：function addClass() { if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += " ";
JavaScript中的Event.target
qq_54334713的博客
04-26 7453
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename... 白话就是：用
e.target的用法
qq_36412715的博客
11-22 5万+
target定义： target 属性规定哪个 DOM 元素触发了该事件。 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： event.target event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…） event.target.id　　　　　　//获取事件触发元素id ev...
e.target和e.currenttarget
最新发布
03-16
在JavaScript中，e.target和e.currentTarget都是事件对象（Event Object）中的属性。 e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。 在事件处理程序中，可以使用这两个属性来获取事件相关的元素信息。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。 需要注意的是，e.target和e.currentTarget的取值可能会有所不同，特别是在事件冒泡（Event Bubbling）的情况下。当事件冒泡时，事件会从目标元素开始向上冒泡到其父级元素，依次触发每个元素的事件处理程序。此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值