我可以在event.target中使用哪些属性?

我需要确定事件被触发的元素。

使用event.target获取相应的元素。

我可以使用哪些属性?

  • HREF
  • ID
  • 节点名称

即使在jQuery页面上,我也找不到很多信息,所以希望有人能够完成上面的列表。

编辑:

这些可能会有所帮助: selfHTML节点属性和selfHTML HTML属性

event.target返回DOM元素,所以你可以检索任何具有值的属性/属性; 所以,要更具体地回答您的问题,您将始终能够检索nodeName ,并且您可以检索hrefid ,前提是该元素具有定义的hrefid ; 否则将会返回undefined

但是,在一个事件处理程序中,您可以使用this设置为DOM元素的元素。 更容易。

 $('foo').bind('click', function () { // inside here, `this` will refer to the foo that was clicked }); 

如果你要用firebug或者chrome的开发工具检查event.target,你会看到一个span元素(例如下面的属性),它将具有任何元素的任何属性。 这取决于目标元素是什么:

 event.target: HTMLSpanElement attributes: NamedNodeMap baseURI: "file:///C:/Test.html" childElementCount: 0 childNodes: NodeList[1] children: HTMLCollection[0] classList: DOMTokenList className: "" clientHeight: 36 clientLeft: 1 clientTop: 1 clientWidth: 1443 contentEditable: "inherit" dataset: DOMStringMap dir: "" draggable: false firstChild: Text firstElementChild: null hidden: false id: "" innerHTML: "click" innerText: "click" isContentEditable: false lang: "" lastChild: Text lastElementChild: null localName: "span" namespaceURI: "http://www.w3.org/1999/xhtml" nextElementSibling: null nextSibling: null nodeName: "SPAN" nodeType: 1 nodeValue: null offsetHeight: 38 offsetLeft: 26 offsetParent: HTMLBodyElement offsetTop: 62 offsetWidth: 1445 onabort: null onbeforecopy: null onbeforecut: null onbeforepaste: null onblur: null onchange: null onclick: null oncontextmenu: null oncopy: null oncut: null ondblclick: null ondrag: null ondragend: null ondragenter: null ondragleave: null ondragover: null ondragstart: null ondrop: null onerror: null onfocus: null oninput: null oninvalid: null onkeydown: null onkeypress: null onkeyup: null onload: null onmousedown: null onmousemove: null onmouseout: null onmouseover: null onmouseup: null onmousewheel: null onpaste: null onreset: null onscroll: null onsearch: null onselect: null onselectstart: null onsubmit: null onwebkitfullscreenchange: null outerHTML: "<span>click</span>" outerText: "click" ownerDocument: HTMLDocument parentElement: HTMLElement parentNode: HTMLElement prefix: null previousElementSibling: null previousSibling: null scrollHeight: 36 scrollLeft: 0 scrollTop: 0 scrollWidth: 1443 spellcheck: true style: CSSStyleDeclaration tabIndex: -1 tagName: "SPAN" textContent: "click" title: "" webkitdropzone: "" __proto__: HTMLSpanElement 

event.target返回该函数所针对的节点。 这意味着你可以做任何你想做的任何事情,比如从document.getElementById

我试着用jQuery

 var _target = e.target; console.log(_target .attr('href')); 

返回一个错误:

.attr不起作用

_target.attributes.href.value是工作。

event.target返回该函数所针对的节点。 这意味着你可以做任何你想做的任何事情,比如从document.getElementById获得的节点

 window.onclick = e => { console.dir(e.target); // use this in chrome console.log(e.target); // use this in firefox - click on tag name to view } 

在这里输入图像说明

利用使用filterpropeties


 e.target.tagName e.target.className e.target.style.height // its not the value applied from the css style sheet, to get that values use `getComputedStyle()`