HTML DOM中的目标事件属性用于返回触发事件的元素。
用法:
event.target
返回值:此属性返回最初发生事件的对象的引用。
下面的示例说明HTML DOM中的目标事件属性:
例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM target Event Property
</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body onclick="myGeeks(event)">
<h1>GeeksforGeeks</h1>
<h2>HTML DOM target Event Property</h2>
<p>Click on the elements to get the triggered element</p>
<button>Click Here</button>
<p id = "GFG"></p>
<script>
function myGeeks(event) {
var x = event.target;
document.getElementById("GFG").innerHTML
= "Triggered element:" + x.tagName;
}
</script>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML DOM目标事件属性支持的浏览器:
- 谷歌浏览器
- Internet Explorer 9.0
- Firefox
- Safari
- Opera
相关用法
- HTML Anchor target用法及代码示例
- HTML Form target用法及代码示例
- HTML Base target用法及代码示例
- HTML Area target用法及代码示例
- HTML timeStamp Event用法及代码示例
- HTML cancelable Event用法及代码示例
- HTML type Event用法及代码示例
- HTML bubbles Event用法及代码示例
- HTML cancelable Event用法及代码示例
- HTML currentTarget Event用法及代码示例
- HTML isTrusted Event用法及代码示例
- HTML view Event用法及代码示例
- HTML defaultPrevented Event用法及代码示例
- HTML <a> target属性用法及代码示例
注:本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | DOM target Event Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。