事件處理
一、事件源：任何一個HTML元素（節點），body、div、button
二、事件：你的操作
鼠標：
click 單擊
dblick雙擊
oncontextmenu 文本菜單
複製代碼代碼如下:
<body oncontextmenu="return false">//禁止右鍵的程序
mouseover放上
mouseout離開
mousedown按下
mouseup抬起
mousemove鼠標移動
鍵盤:
keypress鍵盤事件
keyup抬起
keydown按下
文件:
load 加載
onload 是頁面加載完成之後觸發的事件
unload關閉
breforeunload關閉之前
表單：
focus焦點事件
blur失去焦點
submit提交事件
change改變事件
其它：
scroll滾動
selectstart 選擇事件
三、事件處理程序
第一種：
格式：<tag on事件="事件處理程序" />
實例：
複製代碼代碼如下:
<script>
function show(){
var one=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<div id="one">
wwwwwwwwwwwwwwwww
</div>
<input type="button" onclick="show()" value="show">
第二種:
直接在javascript裡邊對象.on處理程序
複製代碼代碼如下:
<div id="two">
你好，武林網//www.VeVB.COm
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三種：
基本沒什麼人用
複製代碼代碼如下:
<script for="事件源ID" event="事件">事件處理程序</script>
<div id="th">
你好，武林網//www.VeVB.COm
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴們是否了解了javascript的事件處理了呢，有疑問就給我留言吧。