サマリー：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件</title> </head> <body> <!-- HTML 事件觸發(fā)瀏覽器中的動作（action），比如當
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件</title>
</head>
<body>
<!-- HTML 事件觸發(fā)瀏覽器中的動作（action），比如當用戶點擊某個 HTML 元素時啟動一段 Javascript 代碼。
下面是一個屬性列表，這些屬性可插入 HTML 標簽來定義事件動作
屬性 描述
onfocus 元素或得焦點
onblur 元素失去焦點
onchange 域的內(nèi)容被改變
onclick 當用戶點擊某個對象時調(diào)用的事件句柄
ondblclick 當用戶雙擊某個對象時調(diào)用的事件句柄
onkeydown 某個鍵盤按鍵被按下
onkeyup 某個鍵盤按鍵被松開
onkeypress 某個鍵盤按鍵被按下并松開
onload 一張頁面或一副圖像完成加載
onmousedown 鼠標按鈕被按下
onmousemove 鼠標被移動
onmouseout 鼠標從某元素移開
onmouseover 鼠標移動到某元素之上
onmouseup 鼠標按鍵被松開
onsubmit 確認按鈕被點擊 -->
<script>
function myFocus(x) {
x.style.background = 'red';
}
function myonclick(y) {
y.style.borderRadius = '50px';
y.style.background = 'pink';
}
function divOnmouseover(z) {
z.style.background = 'red';
}
function divOnmouseout(x) {
x.style.background = '#fff';
}
</script>
姓名：<input type="text" onfocus ="myFocus(this)">
<br><br>
<div style="width: 100px;height: 100px;border: 1px solid #ccc;" onclick="myonclick(this)"></div>
<hr>
<div style="width: 600px;height: 200px;border: 1px solid red;" onmouseover="divOnmouseover(this)" onmouseout="divOnmouseout(this)"></div>
</body>
</html>
添削の先生：滅絕師太添削時間：2019-01-06 12:34:30
先生のまとめ：完成的不錯，常用是事件方法也就那么幾個，要熟練運用