请问点击事件,有什么方法可以清除前一次的点击状态,回到点击前的状态?
哈喽,把元素的类名或样式重新设置呀
点击事件是做了改变,没有提供api可以返回点击前状态,你可以给点击事件加个条件,如果第二次点击是处于点击后的状态就执行让它再改编成原来的状态,什么意思呢,大概就是
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
</style>
</head>
<body>
<button id='button'>点击前</button>
</body>
<script>
const button = document.getElementById('button')
button.onclick = () => {
button.innerHTML === '点击前' ? button.innerHTML = '点击后' : button.innerHTML = '点击前'
}
</script>
</html>
创建一个标志位,用于标记是否点击 ,
点击事件里进行判断,若标记位为true,表示被点击;false表示未被点击,
然后写相应代码就行
1 isClick = !isClick,
2 isClick?isClick = false:isClick = true