target定义:
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
event.target
event.target.nodeName
//获取事件触发元素标签名(li,p,div,img,button…)
event.target.id
//获取事件触发元素id
event.target.className
//获取事件触发元素classname
event.target.innerHTML
//获取事件触发元素的内容(li)
jquery:this 与 e.target区别:
this会冒泡。e.target不冒泡就是指向事件触发的dom。
今天在实现点击图片跳转到另一个页面的时候,使用e.target,一直跳转不了。打印e.target.className发现点击图片时e.target.className为空。只有点击a中除img的部分(很小的一部分),才能跳转成功。因此为img添加和a相同的class,实现点击a和img都跳转。
<a id="termTip" class="termTipClass" href="#">
<img src="../images/tip.png" alt="termTip">
$('#infoconfig').click(function(e){
//alert(e.target.className);
if($(e.target).is(".termTipClass")){ //<img> add the same class with <a>
var anchor = "#ServerConfiguration";
goHelpAnchor(anchor);
改后的代码:
<a id="termTip" class="termTipClass" href="#">
<img src="../images/tip.png" class="termTipClass" alt="termTip">
target定义:target 属性规定哪个 DOM 元素触发了该事件。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:event.targetevent.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)event.target.id //获取事件触发元素idev...
target定义:
target 属性:触发事件的对象的引用(某个dom元素)。当事件处理程序在事件的冒泡或捕获阶段被调用。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
event.target
event.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)
event.target.id //获取事件触发元素id
event.target.className //获取事
对于事件的传播机制,Netscape Communicator采用的是事件捕获(event capture),IE9、Safari、Chrome、Opera和Firefox采用的是事件冒泡(event bubbling),下面我们通过案例来具体理解,代码使用chrome浏览器进行测试,先给出HTML和CSS文件:<!DOCTYPE html>
<html lang="en">...
DOM概述
DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JavaScript 对象,从而可以用脚本进行各种操作(比如对元素增删内容)
浏览器会根据 DOM 模型,将结构化文档HTML解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口
DOM 只是一个接口规范,可以用各种语言实现。所以严格地说,DOM 不是 JavaScript 语法的一部分,但
解决KEIL5 Error #550: 错误
Error #550: Requested device STM32F103C8(STMicroelectronics) not found for target 'MBOT'
完美解决错误,亲测可用,Keil.STM32F1xx_DFP.2.3.0安装包
// e.currentTarget 是你绑定事件的元素
#获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML
#获得点击元素的第一个子元素
e.currentTarget.fi
在 JavaScript 中,事件对象(event object)是指由浏览器创建并传递给事件处理函数的对象,它包含了所有事件相关的信息。其中,事件对象的 target 属性表示触发了事件的元素(即事件的目标元素)。因此,e.target 表示当前事件的目标元素,它是一个 DOM 元素(DOM Element)。
e.target.text 就是获取当前事件的目标元素的文本内容。可以理解为,e.target.text 是获取了事件的目标元素所包含的文本内容。例如,如果点击了一个按钮,那么按钮上的文本内容就可以使用 e.target.text 来获取。
用法示例:
```js
// 给按钮添加点击事件
var btn = document.querySelector('button');
btn.addEventListener('click', function(e) {
// 获取触发事件的目标元素
var targetElement = e.target;
// 获取目标元素所包含的文本内容
var buttonText = targetElement.text;
// 输出文本内容
console.log(buttonText);