event.srcElement(获取页面操作的事件对象)

最新推荐文章于 2023-09-05 21:16:53 发布
最新推荐文章于 2023-09-05 21:16:53 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： null function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/rjzou2006/article/details/1534847
本文介绍了一种使用JavaScript实现的网页元素点击高亮显示的方法。通过监听文档点击事件，可以为被点击的A标签或FONT标签添加背景色，同时移除前一次点击元素的背景色，以此达到简单的交互效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 var curObj= null;
 function document_onclick() {
   if(window.event.srcElement.tagName=='A'||window.event.srcElement.tagName=='FONT'){
    if(curObj!=null)
     curObj.style.background='';
    curObj=window.event.srcElement;
    curObj.style.background='#ffdead';
      }
 } 
JavaScript技巧：使用event.target和event.srcElement来获取事件目标
TechNovaX的博客
09-23 578
在处理这些事件时，有时我们需要获取事件的目标元素，也就是触发该事件的元素。需要注意的是，event.srcElement只在一些较旧的IE浏览器版本中支持，而在现代的浏览器中，我们应该优先使用event.target来获取事件目标，以保证代码的兼容性。在上面的代码中，我们使用addEventListener方法来监听一个点击事件，并在控制台输出事件的目标元素。在上面的代码中，我们通过直接给document对象的onclick属性赋值的方式来监听点击事件，并输出事件的目标元素。
vue @click 获取 html5 data-属性
Javavison的博客
08-22 1212
data-* = “” 在vue中使用时，不可以存对象类型属性否则会直接输出[object object] data-id 获取数据： $ event.srcElement.dataset.id <div @click="getId" data-id="1"></div> methods:{ getId(e){ e.srcElement.dataset.id } } @click=“getId” 不传参数，在methods中，如果给一个参数，这个参数就是$event getId
window.event.srcElement 得到事件源对象
12-10
一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定[removed] = myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc = window.event.srcElement，知道
window.event.srcElement ---得到事件源对象
weixin_30779691的博客
03-31 172
Code<html><body><p>一个好处就是我想让body(或其他元素内)的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用</p><p>比如<...
JS学习笔记1
ykdsg的专栏
04-26 662
event.srcElement从字面上可以看出来有以下关键字：事件,源    他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event
event.srcElement event.target 获取触发当前事件的源对象
08-13 433
event.srcElement.idevent.srcElement.tagNameevent.srcElement.type 获取typeevent.srcElement.value 获取valueevent.srcElement.name 获取nameevent.srcEl...
学习使用vue（笔记）
weixin_45826772的博客
10-10 519
1：vue基本语法 1.1：基本数据类型和字符串 取值: {{code}} {{str}} data:({ code:100 str:"test" }) 1.2: 对象数据类型 支持ognl语法取值: {{stu.name}} {{stu.age}} data:({ stu{ name:"zhangsan" age:12 } }) 1.3:if判断语句 <div id="container"> <label class="c" v-if="
js事件源window.event.srcElement兼容性写法(详解)
10-21
在IE浏览器中，可以直接通过window.event.srcElement获取到事件源，这个属性返回一个元素对象，通过它可以获取到事件发生时所作用的那个DOM元素。例如，当页面中的某个元素被点击时，可以在绑定的事件处理函数中通过...
event和srcElement说明,方法,技巧
03-21
`event.srcElement`是`event`对象的一个属性，用于获取触发事件的DOM元素。这个属性在Internet Explorer（IE）浏览器中被广泛支持，但在非IE浏览器中，如Firefox、Chrome等，则使用`event.target`属性来达到相同的...
vue事件传值使用 dataset 对象传值
最新发布
每天都想吃好吃的
09-05 273
【代码】vue事件传值使用 dataset 对象传值。
Vue中的$event详解
热门推荐
violateer的博客
10-02 8万+
最近学习Vue的过程中，接触到了事件对象$event，记录一下我的理解。 场景1：获取原生DOM事件的事件对象 在DOM事件的回调函数中传入参数$event，可以获取到该事件的事件对象 <template> <button @click="getData($event)">按钮</button> </template> <script> export default { setup() { const getData =
Web前端之Vue知识点
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
12-08 7640
Web前端之Vue知识点
Vue中推荐的传值方式（从html到js)
专注微信小程序
10-05 1938
Vue推荐使用event事件来发送参数，用event里的dataset来接收参数
event.srcElement 说明 方法 技巧
数据库天地
12-07 475
得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.s...
深入理解window.event对象的用法和特性
`window.event`对象包含了多个属性和方法，可以帮助开发者获取事件的详细信息以及改变事件的默认行为。例如： - `window.event.type`：获取触发事件的类型（如"click"、"keydown"等）。 - `window.event.target`：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

rjzou2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值