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

Question

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

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

我可以使用哪些属性？

• HREF
• ID
• 节点名称

我无法找到一大堆关于它的信息的，即使在jQuery页面，所以这里是希望有人能完成上面的列表中。

编辑：

这些可能会有所帮助：selfHTML node properties和selfHTML HTML properties

Answer 1

event.target返回的DOM元素，这样你就可以检索到任何属性/属性具有值;因此，为了更具体地回答您的问题，您将始终能够检索nodeName，并且您可以检索href和id，前提是要素具有 a href和id定义;否则将返回undefined。

但是，在事件处理程序中，您可以使用this，它也设置为DOM元素;更容易。

​​

Answer 2

event.target返回由功能有针对性的节点。这意味着你可以做任何事情，你会做任何其他节点就像你会得到一个document.getElementById

Answer 3

如果你要检查event.target与萤火虫或铬的开发人员工具，你会看到一个跨度元素（例如以下属性）它将具有任何元素具有的任何属性。它取决于目标元素是什么：

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 

Answer 4

event.target返回该函数的目标节点。这意味着你可以做你想做与像任何其它节点做任何事情，你会得到从document.getElementById

我用jQuery

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

试图返回一个错误：

。 attr不起作用

但是_target.attributes.href.value是有效的。

Answer 5

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 
} 

使用过滤器化子性质

---

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()`