HTML中鼠标各种事件详细解答

最新推荐文章于 2026-01-11 11:34:32 发布

原创最新推荐文章于 2026-01-11 11:34:32 发布 · 6.9k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript实现的鼠标点击事件，通过修改HTML元素的样式来达到隐藏的效果。此示例展示了如何将事件监听器与网页元素相结合，以响应用户的交互行为。

鼠标事件

<html>
	<script>
		function a(){
            //点击后隐藏
			document.getElementById("b").style.display="none";
			
		}
	</script>
	<body>
		<div id="b" style="width:100px;height:200px;background-color:yellow" onclick="a()"></div>
	</body>
</html>

运行结果为：