JS获取事件的目标

最新推荐文章于 2022-03-03 18:00:14 发布
最新推荐文章于 2022-03-03 18:00:14 发布
阅读量315 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/coolicer/archive/2010/09/24/1833807.html
版权

有时候，想要知道事件到底是哪个对象触发的。例如，给P元素一个点击的事件，当点击了P后，P就会响应。我们就是P是事件的目标。送上一个小例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>获取事件的目标</title>
	<meta http-equiv="content-type"	content="text/html;charset=gbk" />
	<script type="text/javascript">
	 function handle(e){
	  e = e || window.event;//处理兼容，获取事件对象
	  var oTarget = e.tagName || e.srcElement;//处理兼容，获取事件目标
      alert(oTarget.tagName);
	  }
	  window.onload = function(){
	   var oP = document.getElementsByTagName("p")[0];
	   oP.οnclick=handle;
	  }
	</script>
</head>

<body>

     <p>获取事件目标:我是目标。</p>

</body>
</html>

转载于:https://www.cnblogs.com/coolicer/archive/2010/09/24/1833807.html

aizi1262
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js中获取事件对象的方法小结
12-01
在JavaScript中，事件对象是用来处理用户与网页交互的接口，它包含了有关触发事件的各种信息，如事件类型、事件目标等。在不同的浏览器环境下，获取事件对象的方法略有不同，本篇文章将对JavaScript中获取事件对象的...
前端开发：JS中查找数组的目标元素方法find()、findIndex()的使用
最新发布
m0_60607971的博客
03-20 1158
根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数；findIndex() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回。返回符合测试条件的第一个数组元素索引，如果没有符合条件的则返回 -1。//输出结果：NaN。1.获取数组中数字大于14的第一个元素的索引值。
JS事件详解
mengfanshaoxia的博客
02-16 806
目录 一、事件注册 1.1、传统注册方式 1.2、监听注册方式 1.3、两种注册方式比较 二、解绑事件 三、事件流 3.1、事件冒泡 3.2、事件捕获 四、事件对象 五、事件属性 5.1事件目标 5.2、事件委托 六、事件方法 6.1、阻止事件冒泡 6.2、阻止默认行为 6.2.1、阻止链接的默认行为 6.2.2、阻止提交按钮提交表单的默认行为 七、鼠标事件 一、事件注册 给元素添加事件就称之为注册事件，注册事件也叫绑定事件。注册事件有两种方式： （1）传统注册方
详细介绍JS中的事件机制：捕获、目标、冒泡
qq_44621394的博客
03-03 2822
详细介绍JS中的事件机制：捕获、目标、冒泡
JavaScript事件（事件类型、事件目标、事件处理程序、事件对象、事件流）
远方
12-26 2524
事件：就是一种浏览器通知，告诉当前窗口在文档中要进行哪种交互。文档中的很多交互需要有前置条件，只有满足这些前置条件时，才会去触发执行某个动作。而正是事件实现了这种交互。 事件类型： 事件类型也就是事件名称，以字符串的形式存在，用于指定要发生哪种事件。常用的事件类型： 表单：focus、blur、sumbit、change等 鼠标：mouseove、mouseup、mousemove、mousedo...
js事件捕获 目标阶段 事件冒泡
ckxkobe的博客
12-03 1046
js事件捕获 目标阶段 事件冒泡 参考文章 https://segmentfault.com/a/1190000012729080 事件流包含三个阶段 事件捕获 目标阶段 事件冒泡 处于相应阶段内的元素，响应事件就是按照事件的注册顺序来进行相应阶段的触发，比如都是捕获阶段的多个处理函数，就会依照注册顺序执行 stopImmediatePropagation会阻止事件的传播，也会阻止在其执行之后...
js获取事件源及触发该事件的对象
10-26
本文将深入探讨如何在JavaScript中获取事件源以及触发该事件的对象。 首先，事件源可以通过`event`对象来获取。在JavaScript中，每当一个事件发生时，都会创建一个`event`对象，这个对象包含了与事件相关的各种信息...
深入理解JS DOM事件机制
11-27
在示例代码中，`cancelBubble()`函数用于获取事件对象并阻止冒泡。在IE中，可以使用`event.cancelBubble = true`；而在其他浏览器中，使用`event.stopPropagation()`。 理解这些基本概念对于编写高效的JavaScript...
JavaScript获取事件制作作用的目标对象
zhuhai__yizhi的专栏
05-20 1535
// div有自己的子级元素 // 点击它的子级元素，也会间接点击div // 但是是它的子级元素先获得的事件 // event.target 获取直接捕捉事件的目标对象 // event.srcElement IE捕捉目标对象属性 var dv = document.getElementsByTagName("div")[0]; dv.oncli
JavaScript获取事件对象和目标对象
weixin_34122548的博客
05-30 250
在JavaScript开发中，经常需要获取触发某个事件的目标对象。让后根据目标对象进行不同的业务处理。下面展示通过JavaScript获取触发事件的事件目标对象。如下：   Js代码   1 2 3 4 5 6 7 8 9 10 window.onload = function(){     var obj = document.getEle...
js事件流（事件捕获——目标阶段——事件冒泡）
qq_37280949的博客
10-11 1491
1. 事件捕获，事件冒泡 事件：事件是指文档和浏览器窗口发生特定交互的瞬间。 事件流： 事件流指页面中接受事件的顺序，微软为事件冒泡，网景为事件捕获。 事件捕获：由上而下，根元素最早接受事件，目标元素最后接受事件。 事件冒泡：由下而上，目标元素最早接受事件，逐级向上，最后根元素接受事件。 2. DOM事件流 DOM事件流规定，事件流由三个部分构成 事件捕获——目标阶段——事件冒泡，首先事件捕获为截获事件提供机会，然后实际目标接受事件，事件冒泡阶段对事件做出响应。事件在目标阶段是无法获取事件的。 3. 事件
JavaScript事件处理机制（捕获，目标，冒泡）
weixin_42661283的博客
07-09 647
事件处理机制的三个阶段（捕获阶段，目标阶段，冒泡阶段） 冒泡阶段：事件从内向外执行捕获阶段：事件从外向内执行； addEventListener(type,fn,useCapture) useCapture:事件处理机制（捕获阶段true，目标阶段，冒泡阶段false）默认为冒泡阶段 捕获阶段：事件从外向内执行; 冒泡阶段：事件从内向外执行 捕获情况： ...
js如何获取触发js事件的DOM
热门推荐
TimeTDIT的博客
09-28 1万+
如何获取触发js事件的DOM节点
JS 获取触发事件的对象
dianboliao0344的博客
01-20 359
event.srcElement：引发事件的目标对象，常用于onclick事件。 event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。 event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。 onmouseover时，srcElement相当于toEle...
day04_javascript（下）
yukuiadeyu2的博客
12-22 231
Javascript入门（下） 今日内容介绍 使用JS完成表单校验 使用JS完成表格的隔行换色 使用JS完成复选框的全选效果 使用JS完成省市联动效果 今日内容学习目标 使用JS可以编写各种事件(掌握) 使用JS可以获得指定元素(掌握) 使用JS可以创建元素(理解) 使用JS可以对元素的属性进行操作(掌握) 使用JS可以对元素的标签体进行操作(掌握) 课堂笔记 1、 完善注册表...
JS event.target 返回触发事件的当前元素
weixin_41796631的博客
10-09 4541
定义和用法： target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 &lt;script type="text/javascript"&gt; function getEventTarget(event) { x=event.target; alert("点击事件的元素的id是 " + x.id); } &lt;/scri...
js事件基本概念
qq_33183637的博客
07-15 1405
1.事件模型：           事件冒泡。         事件捕获。 2.事件流     概念：事件流指的是事件从捕获、处于目标、事件冒泡三个阶段 3.DOM的三个阶段？     DOM0：事件的添加用onclick添加。     DOM2:  事件的添加用addEvenListener(type. function , buhuo);并且可以添加多个事件，this===当前的...
或如何获取目标节点的信息和绑定的事件的信息
03-31
要获取目标节点的信息和绑定的事件的信息，可以使用DOM操作和JavaScript事件监听器。 1. 使用DOM操作获取目标节点的信息： - 通过getElementById()方法获取id为目标节点的元素，如：var targetNode = document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值