JavaScript之鼠标单击事件

最新推荐文章于 2024-07-17 13:42:21 发布

胡斐

最新推荐文章于 2024-07-17 13:42:21 发布

阅读量1.2k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_48200912/article/details/108578412

版权

这篇博客详细介绍了JavaScript中与鼠标交互的事件，包括onclick单击事件、ondblclick双击事件、onmouseenter和onmouseleave实现的移入/离开效果，以及onmousedown和onmouseup鼠标的按下和抬起操作。

摘要由CSDN通过智能技术生成

事件

事件源

1.鼠标单击事件：onclick

	<body>
		<p id="p1" onclick="fun()">单机事件测试</p>
	</body>
	<script type="text/javascript">
		function fun(){
   
			//获取指定元素
			var p1 = document.getElementById("p1");
			p1.innerText="我被单击了!"
			p1.style.fontSize="90px";
			p1.style.color="blue";
		}
	</script>

2.鼠标双击事件：ondblclick

<style type="text/css">
			#div1{
   
				width: 100px;
				height: 100px;
				background-color: skyblue;
			}
		</style>
	</head>
	<body>
		<div id="div1" onclick="zoomout()" ondblclick="zoomin()"></div>
	</body>
	<script type="text/javascript"&