這次要開始結合HTML跟JS
把HTML表現的更為生動
基本事件有以下幾種
onclick
ondblclick
onchange
onblur
onfocus
onclick ondblclick 這兩個就是滑鼠點擊，前面是單點擊後面是雙點擊
其實點擊並不一定只限定於按鈕
不管是文字、圖片..等等，只要位於BODY裡面的東西就可以點擊
甚至BODY本身也可以點擊
範例:
<html>
<head>
</head>
<body onclick="T1()">
</body>
<script type="text/javascript">
function T1(){
alert(456);
}
</script>
</html>
執行後雖然是一片空白，但是只要滑鼠一點擊
就會觸發函式T1
onchange 就是當東西變換的時候會觸發
基本用於對話框、下拉單之類的地方
範例:
<html>
<head>
</head>
<body>
<input type="text" onchange="T1()" />
</body>
<script type="text/javascript">
function T1(){
alert(456);
}
</script>
</html>
執行範例後
只要在輸入框裡面有變化
焦點一離開輸入框，就會觸發onchange事件執行T1函式
onblur 離開焦點的時候會被觸發
這個離開焦點我只會使用在輸入框
有一些狀況需要再使用者輸入完畢時候去即時驗證輸入的資料
所以當使用者一離開輸入框就可以使用這個事件來處發
範例:
<html>
<head>
</head>
<body>
<input type="text" onblur="T1()" />
</body>
<script type="text/javascript">
function T1(){
alert(456);
}
</script>
</html>
這跟onchange不一樣的是，onblur是只要離開就會執行
onchange必須是裡面的文字要跟之前的不一樣，離開焦點才會執行
onfocus 是跟 onblur 相反的
只要使用者把焦點移入，就會觸發
範例:
<html>
<head>
</head>
<body>
<input type="text" onfocus="T1()" />
</body>
<script type="text/javascript">
function T1(){
alert(456);
}
</script>
</html>
不要看這些東西看起來好像很簡單
往後在寫網頁時卻是幾乎都要用到的事件
所以請大家一定要熟悉
另外滑鼠也有滑鼠的事件
想要了解的人可以去找找資料