W3C 事件切換 顏色變化
阿新 • • 發佈：2017-09-02
.cn str func his shee set char har false
顏色變化代碼：
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="web6.css">
<script type="text/javascript" src="web6.js"></script>
<style type="text/css">
.red {
width:100px;
height:100px;
background: red;
}
.blue{
width:100px;
height:100px;
background: blue;
}
</style>
</head>
<body>
<div id="box" class="red">測試zhong</div>
</body>
</html>
JS
window.addEventListener(‘load‘,function(){
var box=document.getElementById(‘box‘);
box.addEventListener(‘click‘,toBlue,false);
},false);
function toRed() {
this.className=‘red‘;
this.removeEventListener(‘click‘,toRed,false);
this.addEventListener(‘click‘,toBlue,false);
}
function toBlue() {
this.className=‘blue‘;
this.removeEventListener(‘click‘,toBlue,false);
this.addEventListener(‘click‘,toRed,false);
}
效果：
16:04:28 2017-09-02
W3C 事件切換 顏色變化