abstrait：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>簡單事件和函數(shù)的小案例</title> </head> <script> function style_bg(a){ a.style.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>簡單事件和函數(shù)的小案例</title>
</head>
<script>
function style_bg(a){
a.style.background="gray";
}
function style_bg2(a){
a.style.background="white";
}
function style_bg3(a){
a.style.background="pink";
}
function submitFun(){
var a="是否確認(rèn)提交？";
confirm(a);
}
function style_border(b){
b.style.borderRadius="50px";
}
</script>
<body>
<form action="" onsubmit="submitFun()">
<p>元素獲得焦點(diǎn)和失去焦點(diǎn)<input type="text" onfocus="style_bg(this)" onblur="style_bg2(this)"></p>
<p>按下鍵盤再松開<input type="text" onkeydown="style_bg(this)" onkeyup="style_bg2(this)"></p>
<p><input type="text" onchange="style_bg3(this)" value="改變域"></p>
<input type="submit">
<div style="clear:both;"></div>
<div onclick="style_border(this);style_bg3(this)" style="width: 100px;height: 100px;border:1px solid gray; float: left;">鼠標(biāo)單擊</div>
<div ondblclick="style_bg(this)" style="width: 100px;height: 100px;border:1px solid gray;float: left;">鼠標(biāo)雙擊</div>
<div onmousedown="style_bg(this)" style="width: 100px;height: 100px;border:1px solid gray; float: left;">鼠標(biāo)按下</div>
<div onmousemove="style_bg(this)" onmouseout="style_bg2(this)" style="width: 100px;height: 100px;border:1px solid gray; float: left;">鼠標(biāo)移到這里再移開
</div>
<div onmouseover="style_bg(this)" onmouseout="style_bg2(this)" style="width: 100px;height: 100px;border:1px solid gray; float: left;">鼠標(biāo)移到元素上</div>
<div onmouseup="style_bg3(this)" style="width: 100px;height: 100px;border:1px solid gray; float: left;">鼠標(biāo)按鍵松開</div>
</form>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2018-12-23 13:32:59
Résumé du professeur：代碼的可讀性很重要。函數(shù)最好加上必要的注釋，讓人一看就知道這個(gè)函數(shù)的做什么