JavaScript與HTML之間的交互式通過事件實現(xiàn)的
onclick
onfocus : 聚焦
onblur : 失焦
onmouseover : 鼠標移到某元素之上
onmouseout : 鼠標從某元素移開
onload : 頁面加載時觸發(fā)
onchange : 域的內容改變時發(fā)生
onsubmit : 表單中的確認按鈕被點擊時發(fā)生
: 有事件一定有對應一個處理結果筋遭，用函數(shù)表示
onresize : 瀏覽器的尺寸發(fā)生改變
onscroll : 窗口滾動
onchange : 事件支持的標簽input,select,textarea
無論在文本框中輸入什么娶眷，最后都變成change 揩页，前面有學到這個来累，當時是變成大寫。
<input type="text" id="txt">
<script>
var txt = document.getElementById("txt");
txt.onchange = function () {
this.value = "change"
}
</script>
鍵盤事件與KeyCode屬性
onkeydown:用戶按下一個鍵盤按鍵時發(fā)生
onkeypress:在鍵盤按鍵按下并釋放一個鍵時發(fā)生
onkeyup:在鍵盤按鍵松開時發(fā)生
keyCode:返回onkeypress懂扼，onkeydown或onkeyup事件觸發(fā)的鍵的值的字符代碼禁荸，或鍵的代碼
eg:
當按下按鍵時，網頁彈出所按的按鍵的鍵碼阀湿。
<body>
<script>
document.onkeydown = function(event){
alert(event.keyCode)
}
</script>
</body>
eg:
當松開按鍵時赶熟，顯示當前文本長度
<p>你還可以輸入<em id="section">0</em>/150</p>
<textarea cols="30" rows="10" id="txt"></textarea>
<script>
var section = document.getElementById("section");
var txt = document.getElementById("txt");
txt.onkeyup = function(){
var length = txt.value.length;
section.innerHTML = length;
}
</script>
01.png
