e.target.innerHtml

最新推荐文章于 2023-02-14 17:42:49 发布
最新推荐文章于 2023-02-14 17:42:49 发布
阅读量2.3k 收藏 5
点赞数 3
分类专栏： vue js分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43905830/article/details/105874301
版权
vue 同时被 2 个专栏收录
25 篇文章 0 订阅
订阅专栏
js分享
21 篇文章 0 订阅
订阅专栏

在触发DOM上的事件都会产生一个对象，即事件对象（也称event对象），这里用e接收事件对象。事件对象有很多属性和方法，此处的target属性是获取事件目标，即元素DOM对象，然后获取其相应的属性,比如点击事件，e.target就是鼠标点击的对象的父元素，innerHTML就是里面的text内容。

前端分享会
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue的重点3:event.target.innerHTML的使用和过滤器filter、子组件传值给父组件、兄弟组件之间的传值
小黄呀呀呀的博客
10-12 1772
event.target.innerHTML 没有传递参数，上面什么都不写，下面用event接受 <div id="app"> <button v-on:click="add">点击</button> {{num}} </div> var vue = new Vue({ el: '#app', data: { msg: 'zhangsan', num: 0 },
关于innerHTML后丢失动态绑定的EVENT问题解决方法
09-05
var current = e.target || e.srcElement; if (current.id === 'd1') { alert(1); } }; ``` 这段代码将点击事件处理函数绑定到`body`元素，当点击发生在`d1`元素上时，事件会冒泡到`body`，然后执行相应的操作...
e.target与事件委托简例
weixin_30659829的博客
03-18 1115
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName 　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
js中事件的function（e）中的e和e.target是什么
qq_62693649的博客
08-24 4526
比如此ul包含了3个li元素，事件绑定在ul上，但是当点击li是，打印出来对象的会显示点击来自li。当在一个父元素上绑定了此事件时，但其子元素触发了事件，那么e就指向了子元素，而不是父元素。也可以使用以下方法获取元素的标签名（如li，div），id名，类名等。并且我们可以使用e.target来获取事件触发的元素内容。这个e可以获取具体是哪个元素触发了相关的事件；获取触发事件元素的内容。
js的target.innerHTML
weixin_34150503的博客
04-19 726
2019独角兽企业重金招聘Python工程师标准>>> ...
js动态添加修改删除元素
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
07-21 3533
bug心得在实现修改和删除功能中，我是给ul分两次绑定点击事件，想分布实现修改和删除，然后发现不管是点击修改还是删除都只执行上面一种代码，然后经过指导做if判断点击的是那个按钮来分别实现不同的功能。注意innerHTML是属性，不能加小括号获取内容console.log(target.innerHTML)直接获取。2.减少DOM元素操作，只需要绑定一个父元素就可以，不用循环遍历每一个子元素进行绑定事件操作，核心1.通过事件冒泡给子元素添加事件，这样无论点击修改还是删除都只执行修改程序。...........
e.target--- dom事件对象event
杨咩咩
03-15 2186
event不会事件冒泡，值作用于此节点对象，不会传递到父节点或子节点 标准属性： 属性 描述 bubbles 返回布尔值，指示事件是否是起泡事件类型。 cancelable 返回布尔值，指示事件是否可拥可取消的默认动作。 currentTarget 返回其事件监听器触发该事件的元素。 eventPhase 返回事件传播的当前阶段。 target...
JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性
weixin_34143774的博客
03-07 421
一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　   由于innerText并非W3C标准属性，因此我们无法在FireFox中使用它(修正：FF45+已经支持innerText属性)，一般情况下我们可以使用textContent来代替，但它两者是否就能完全等同呢？在坑爹的表单元素（如input、textarea等）中表现是否依旧诡异呢？文本将记录一些实验结果，避免日后被玩坏。...
UBB.zip_textarea html_ubb
09-14
e.target.innerHTML = newText; }); ``` 这段代码会查找所有UBB图片代码，并将其替换为对应的`<img>`标签。注意，为了防止XSS攻击，你需要确保对用户输入的URL进行安全检查和转义。 此外，为了让用户更方便地插入...
api 获取.docx
09-04
事件对象包含了与事件相关的数据，例如`e.target`可以获取触发事件的对象，`e.pageX`和`e.pageY`提供鼠标在页面中的位置信息，`e.clientX`和`e.clientY`则是鼠标在视口的位置。阻止事件冒泡可以通过`e....
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
cropper.rar
09-30
var file = e.target.files[0]; if (window.FileReader) { var reader = new FileReader(); reader.onload = function(e) { var img = document.createElement('img'); img.src = e.target.result; document....
JavaScript操作本地文件.doc
06-09
document.getElementById('content').innerHTML = event.target.result; }; reader.readAsText(file); }); ``` 在这个例子中，当用户选择文件后，`FileReader`的`readAsText()`方法会读取文件内容，并在`...
js--获取/赋值文本值innerText/textContent、innerHTML的区别，获取表单的值；js事件对象属性target与currentTarget
muzidigbig的博客
10-06 7072
一、获取/赋值文本值innerText/textContent、innerHTML &lt;body&gt; &lt;div id="box_text"&gt; &lt;p style="color:hotpink;"&gt;muzidigbig&lt;/p&gt; &lt;p style="color:pink"&gt;lo
vue中兄弟组件之间的联动，兄弟组件之间的传值
zyz00000000的博客
12-05 2万+
兄弟组件之间的传值，使得兄弟组件之间可以联动，相互操作 方法1：借助父组件，让两个兄弟组件可以联动，子组件A将值传递给父组件，父组件再将值传递给子组件B 第一步：子组件A传值给父组件 通过$emit将e.target.innerText传递给父组件 <template> <div class="initail"> <ul> &l...
html5 drap & drop
weixin_38166852的博客
12-06 106
小知识点记录一下：onselectstart,onselect 1.onselectstart 该js方法是用来控制盒中内容是否被允许选中 <head> <style> #tmp { height: 200px; background-color: red; } </style> <...
关于react input组件e.target获取不到的问题
weixin_42931681的博客
09-17 2655
react项目使用assign时，关于input框的onchange事件获取不到e.target的问题： 只需要在赋值前加上 e.persist() 即可（下图中val为事件对象e） inputDataChange1 = (val) => { console.log(val) val.persist() this.setState({ title: val.target.value }) } 该方法用于处理异步操作中，target失.
Vue基础笔记
2201_75474092的博客
02-14 1369
2.所有不被Vue所管理的函数（定时器 的回调函数 ，ajax的回调函数），最好写成箭头函数，这样this的指向才是vm或 组件实例对象。2.双向数据绑定（v-model）：数据不仅可以从data流向页面也可以从页面流向data。Ⅱ、Vue未提供别名的按键，可以使用按键原始的key值去绑定，但要注意转为kebab-case（短横线命名）1.6{{***}} ***要写js表达式，且***可以自动读取到data中的所有属性。3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）
router-link使用详解
热门推荐
weixin_43905830的博客
05-06 3万+
router-link组件的属性 to、replace、append、tag、active-class、exact、event、exact-active-class。 属性介绍 1、to（必选参数）：类型是string/location //字符串 <router-link to="path（路径）">AAAA</router-link> //对象 <router-...
思路：1、黑色底是div，数字圆是p；每个p需要按序号i添加id=pi（p可以固定写，也可以用js添加）image.png 2、点击事件用事件委托，通过e.target.innerHTML找到点击的数据。 3、用循环方法设置每个p动画的事件间隔。需要用到Math.random()方法。
最新发布
07-12
const data = e.target.innerHTML; console.log('点击的数据：', data); } }); // 循环设置每个p标签的动画事件间隔 pElements.forEach(function(p, i) { // 随机生成动画事件间隔（1000ms到5000ms之间） ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值