JS——判断鼠标点击第一次和第二次执行不同的事件、更换img图片

小刘忙着搞前端

已于 2023-11-24 10:22:55 修改

阅读量307

点赞数

文章标签： javascript 前端 html

于 2023-09-01 20:14:06 首次发布

本文链接：https://blog.csdn.net/mkijnbgt/article/details/132630156

版权

<!-- 控制开关 -->
<div id="OnLight" onclick="OnLight()">
	<img id="switch" src="./images/img/on.png" width="1.6%"
		style="position: absolute;  margin-top: -6%;  margin-left: 97%;">
</div>

var isFirst = false;
function OnLight() {
	var ImgOne = document.getElementById("switch");
	console.log(isFirst);
	if (isFirst == !isFirst) {
		//第一次点击
		isFirst = true
		ImgOne.src = "./images/img/off.png";		 
		console.log('点击了true');
	} else {
		//第二次点击
		isFrist = false;
		ImgOne.src = "./images/img/on.png";		 
		console.log('点击了');
	}
}