Web开发基础-JavaScript-26

Coder_Boy_

于 2018-07-21 23:55:45 发布

阅读量226

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发

本文链接：https://blog.youkuaiyun.com/Coder_Boy_/article/details/81150645

Web开发专栏收录该内容

108 篇文章

订阅专栏

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按钮标签