abstrakt：2.11 js事件：HTML 事件觸發(fā)瀏覽器中的動(dòng)作（action），比如當(dāng)用戶(hù)點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng) 一段 JavaScript代碼。下面是一個(gè)屬性列表，這些屬性可插入 HTML 標(biāo)簽來(lái)定義事件動(dòng)作 屬性 描述 onfocus 元素獲得焦點(diǎn)。 onblur
2.11 js事件：
HTML 事件觸發(fā)瀏覽器中的動(dòng)作（action），比如當(dāng)用戶(hù)點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)
一段 JavaScript代碼。下面是一個(gè)屬性列表，這些屬性可插入 HTML 標(biāo)簽來(lái)定義事件動(dòng)作
屬性 描述
onfocus 元素獲得焦點(diǎn)。
onblur 元素失去焦點(diǎn)。
onchange 域的內(nèi)容被改變。
以上三種多用于form表單?。?！
onclick 當(dāng)用戶(hù)點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。
ondblclick 當(dāng)用戶(hù)雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。
onkeydown 某個(gè)鍵盤(pán)按鍵被按下。
onkeyup 某個(gè)鍵盤(pán)按鍵被松開(kāi)。
onkeypress 某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)。//動(dòng)作觸發(fā)事件不常用
onload 一張頁(yè)面或一幅圖像完成加載。
onmousedown 鼠標(biāo)按鈕被按下。
onmousemove 鼠標(biāo)被移動(dòng)。
onmouseout 鼠標(biāo)從某元素移開(kāi)。
onmouseover 鼠標(biāo)移到某元素之上。//與css里面hover差不多！
onmouseup 鼠標(biāo)按鍵被松開(kāi)
onsubmit 確認(rèn)按鈕被點(diǎn)擊。
例： function myfovus(x) { //定義函數(shù)
x.style.background="red" //后期會(huì)詳細(xì)講解?。?！
}
姓名：<input type="text" onfocus="myfovus(this)"> //事件觸發(fā)屬性+"函數(shù)名+(參數(shù))" （this當(dāng)前的input框）//this當(dāng)前！??！
如果函數(shù)內(nèi)部屬性有用到（-）就使用駝峰法命名法！
例：border-radius：45px; //不起作用?。。?yīng)該改為borderRadius:45px;
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://img.php.cn/upload/article/000/000/003/5c20909c72220984.png">
<script type="text/javascript" >
function a(x){
x.style.background="blue"
x.style.height="300px"
x.style.width="300px"
};
function b(x){
x.style.background="red"
x.style.margin="auto"
x.style.boxShadw="50px pink"
x.style.border="50px solid pink"
x.style.borderRadius="50%"
}
function c(x){
x.style.background="red"
x.style.width="50px"
x.style.height="300px"
x.style.margin="auto"
}
</script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body style="background-color:#ccc; ">
<button onclick="a(box)">出現(xiàn)</button>
<button onclick="b(box)">居中改變</button>
<button onclick="c(bo)">棒棒糖</button>
<div id="box"></div>
<div id="bo"></div>
</body>
</html>如果外部在多做幾層就好看了七彩的棒棒糖！由于時(shí)間關(guān)系就沒(méi)做！重在理解知道這么運(yùn)用這些屬性不是嗎！
那些不足的希望老師指出謝謝！
Korrigierender Lehrer：天蓬老師Korrekturzeit：2018-12-30 17:49:01
Zusammenfassung des Lehrers：事件那么多,怎么記呢?有一個(gè)簡(jiǎn)單的方法, 就是按主體業(yè)區(qū)別, 主要有二類(lèi), 用戶(hù)觸發(fā)的, 非用戶(hù)觸發(fā)的,就是系統(tǒng)發(fā)生的