摘要：2.11 js事件：HTML 事件觸發(fā)瀏覽器中的動作（action），比如當用戶點擊某個 HTML 元素時啟動 一段 JavaScript代碼。下面是一個屬性列表，這些屬性可插入 HTML 標簽來定義事件動作 屬性 描述 onfocus 元素獲得焦點。 onblur
2.11 js事件：
HTML 事件觸發(fā)瀏覽器中的動作（action），比如當用戶點擊某個 HTML 元素時啟動
一段 JavaScript代碼。下面是一個屬性列表，這些屬性可插入 HTML 標簽來定義事件動作
屬性 描述
onfocus 元素獲得焦點。
onblur 元素失去焦點。
onchange 域的內容被改變。
以上三種多用于form表單?。。?/p>
onclick 當用戶點擊某個對象時調用的事件句柄。
ondblclick 當用戶雙擊某個對象時調用的事件句柄。
onkeydown 某個鍵盤按鍵被按下。
onkeyup 某個鍵盤按鍵被松開。
onkeypress 某個鍵盤按鍵被按下并松開。//動作觸發(fā)事件不常用
onload 一張頁面或一幅圖像完成加載。
onmousedown 鼠標按鈕被按下。
onmousemove 鼠標被移動。
onmouseout 鼠標從某元素移開。
onmouseover 鼠標移到某元素之上。//與css里面hover差不多！
onmouseup 鼠標按鍵被松開
onsubmit 確認按鈕被點擊。
例： function myfovus(x) { //定義函數
x.style.background="red" //后期會詳細講解?。?！
}
姓名：<input type="text" onfocus="myfovus(this)"> //事件觸發(fā)屬性+"函數名+(參數)" （this當前的input框）//this當前?。。?/p>
如果函數內部屬性有用到（-）就使用駝峰法命名法！
例：border-radius：45px; //不起作用！?。摳臑閎orderRadius: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)">出現</button>
<button onclick="b(box)">居中改變</button>
<button onclick="c(bo)">棒棒糖</button>
<div id="box"></div>
<div id="bo"></div>
</body>
</html>如果外部在多做幾層就好看了七彩的棒棒糖！由于時間關系就沒做！重在理解知道這么運用這些屬性不是嗎！
那些不足的希望老師指出謝謝！
批改老師：天蓬老師批改時間：2018-12-30 17:49:01
老師總結：事件那么多,怎么記呢?有一個簡單的方法, 就是按主體業(yè)區(qū)別, 主要有二類, 用戶觸發(fā)的, 非用戶觸發(fā)的,就是系統(tǒng)發(fā)生的