HTML(e.target)BOM对象的常用方法

最新推荐文章于 2023-08-17 20:01:09 发布
最新推荐文章于 2023-08-17 20:01:09 发布
阅读量833 收藏
点赞数
文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51277037/article/details/124479099
版权

class

  1. removeClass 删除class
  2. className 获取class
  3. classList.add 添加class

style

  1. e.target.style

例如

e.target.style.color="red"

value

  1. e.target.value 获取value属性

html

  1. e.target.innerHTML 获取子标签
蒟蒻的工具人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序事件对象中e.target和e.currentTarget的区别详解
10-17
主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
event.currentTarget与event.target的区别介绍
12-12
event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event occurred. 即，event.currentTarget指向事件所绑定的元素，而event.target始终
e.target与事件委托简例
weixin_30659829的博客
03-18 1101
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName 　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
《前端》e.target的用法--2020年7月15日
BelleDiao的博客
07-15 4393
target定义： target 属性：触发事件的对象的引用（某个dom元素）。当事件处理程序在事件的冒泡或捕获阶段被调用。 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： event.target event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…） event.target.id　　　　　　//获取事件触发元素id event.target.className　　//获取事
javascript---DOM,BOM对象常用操作
weixin_50402587的博客
09-29 238
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="date" class="bgwhite"></div> </body> <script> addYear(2022) function addYear(year) { .
事件对象e的e.target
weixin_49602426的博客
09-11 2681
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
e.currentTarget和e.target
weixin_48962287的博客
03-27 1239
此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。e.target是获取具体的触发元素。
[TypeScript]监听事件event.target无法正确的获取属性
ZhuAiQuan的博客
04-24 4207
在使用ts开发项目的背景下，一般给dom添加监听事件时函数会拿到当前的事件对象； 在我们指定了参数是Event后，我们去获取e.target里的属性时ts会提醒我们target里没有这个属性； 类似于这样 明明我们已经指定了事件的类型，为啥获取target里的值的时候会报错呢？？ 经过我多方查阅方才得知，ts无法知道当前这个事件是什么元素的事件的类型，不同dom元素的事件里的target值都不相同； 需要指定当前这个事件具体是什么元素里的HTMLElement类型 比如我这个是div 那我指定他是HTML
e.target 和 this 的区别以及键盘事件的应用
m0_72313625的博客
08-30 1258
e.target 返回的是触发事件的对象（元素）this 返回的是绑定事件的对象（元素） 事件委托的核心原理：给父节点添加侦听器，利用事件冒泡影响每一个子节点
JS事件对象属性e.target、e.currentTarget和this
qq_39706777的博客
11-09 2677
Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 如下图，给 ul 绑定点击事件，然后点击其中某个 li，输出当前的 e.target、e.currentTarget e.target 获取的是实际点击的元素 e.currentTarget 获取的是绑定点击事件的元素 事件中的this也是指向当前绑定事件的元素，所以: e.currentTarge === this是一定的， 而e.target===this不一定 ...
event.srcElement 用法笔记e.target
12-09
注意获取的标记都以大写表示，如”TD”,”TR”,”A”等。所以把看过的一些抄下来，不记得的时候再来看看。 代码如下: [removed] function tdclick(){ if(event.srcElement.tagName.toLowerCase()==’td’) alert&#40...
React学习笔记2
weixin_44296432的博客
06-14 226
React学习笔记2笔记（2019.6.14）JSX引入本地图片方法1方法2循环数据事件处理方法1方法2方法3执行方法传值setState获取表单值获取表单checkbox的值约束性组件&非约束性组件 笔记（2019.6.14） JSX JSX绑定属性需要注意！ class要写为className for要写为htmlFor 行内样式格式： style={{ “color”：“blu...
原生js通过事件对象e获取Input自定义属性的值
qq_43574741的博客
07-20 1273
mydata为自定义属性，watch_num_1为触发的函数 <input type = "text" v-model = "num_1" mydata=10086 @input="watch_num_1"/> watch_num_1(e){ console.log(e); console.log(e.target.getAttribute('mydata')); 控制台输出： 自定义属性就在： e.target.getAttribute('自定义属性名'); ..
获取标签中的属性值
vany_的博客
09-17 1062
可以使用e.target.dataset.xxx获取data-xxx的值
JS学习打卡Day04
Narcissus__的博客
03-31 160
1.节点操作 1）创建节点 document.createElement('标签名称') 创建一个指定的标签元素 2）插入节点 Ⅰ.父节点.appendChild(子节点),把子节点放在父节点内部最后的位置 Ⅱ.父节点.insertBefore(要插入的子节点，哪一个子节点的前面)，插入到内部某结点前 3）删除节点父节点.removeChild(子节点)删除子节点 节点.removeChi...
超简单的网页换色
我要记录学习博客
06-02 765
超简单的网页换色 简单的布局效果如下： 布局分析： 1、给body背景颜色 2、设置一个大盒子的宽度为600，高度为50，超出隐藏 3、给一个span标签包裹一个h5标题标签，右边的颜色按钮用ul、li标签设定 布局代码代码如下： <div class="box"> <span><h3>选择颜色：</h3></span> <ul class="ulbox" id="ulbox"> <li style="backgr
e.target.value
weixin_42594143的博客
03-02 1749
e.target.value e:接收事件对象 target:获取触发事件对象的目标 e.target.value表示该DOM元素，然后在获取其相应的属性值
16.事件分类及事件对象、B站导航功能案例、表单获得焦点时显示搜索列表案例、e.targee.为多个元素添加随机背景色功能
weixin_51353891的博客
07-29 398
事件分类 资源事件 事件名称 触发条件 load 页面元素(包括图像多媒体等)资源及其相关资源已完成加载。 beforunload 用户退出页面 例子： <script> // 通过onload事件等待页面或图像加载完成后调用。 // 这样可以保证 HTML 文档加载完毕，在函数内部操作dom保证DOM 树是完整的 window.onload = function(){ // 获取页面上的元素 var row = document.getElemen
e.target.value和 binding.value 区别
最新发布
weixin_63681863的博客
08-17 713
都是在 Vue.js 中用于处理事件绑定时的值，但它们的使用场景和含义有所不同，分别用于普通的 DOM 事件和自定义指令。'传递给指令的值：'
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、付费专栏及课程。

余额充值