Web开发基础-JavaScript-26

JS中事件源的获取

演示案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>	事件源</title>
		<style type="text/css">
			div {
				width:400px;
				border:1px solid red;
				padding:30px;
			}
			
			p {
				border:1px solid blue;
			}
		</style>
		<script type="text/javascript">
			function f1(e){
				
				alert(1);
				var obj = e.srcElement||e.target;
				console.log(obj);
			}
		
		</script>
	</head>
	<body>
		<div onclick="f1(event);">
			<a href="#">XXX</a>
			<p>KKK</p>
			<input type="button" value="uuu">
		</div>
	
	</body>

</html>

最终页面显示效果: 控制台输出

鼠标点击uuu按钮,控制台输出事件源为uuu按钮标签

猜你喜欢

转载自blog.csdn.net/Coder_Boy_/article/details/81150645