34、JavaScript中事件中的this

最新推荐文章于 2024-11-15 20:49:08 发布

原创最新推荐文章于 2024-11-15 20:49:08 发布 · 539 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JavaScript中的事件中的this

JavaScript_Bak 专栏收录该内容

49 篇文章

订阅专栏

本文探讨了JavaScript中事件处理函数中的this指向问题，在不同浏览器环境下（IE与FF/Chrome）其表现有所不同：IE下通常指向window对象，而在FF和Chrome等现代浏览器中则指向触发事件的DOM元素本身。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、JavaScript中事件中的this

1.1 在IE下为--->window

1.2 在FF和Chrome下为---->绑定事件对象的本身

2、测试代码

        <head>
		<meta charset="UTF-8">
		<title>事件的高级应用</title>
		<script type="text/javascript">
			window.onload = function() {
				var oBtn = document.getElementById("btn1");
				//IE下的测试 --->window
				oBtn.onclick = function() {
						alert(window == this); //true
					}
				//FF和 Chrome下的测试---->绑定事件对象的本身
				//				oBtn.onclick = function() {
				//					alert(this);
				//				}
			}
		</script>

	</head>

	<body>
		<input type="button" id="btn1" value="点击" />
	</body>