淺談 javascript 事件處理
更新時間：2015年01月04日 09:50:39 投稿：hebedich
本文向大家簡單介紹了javascript的事件處理機(jī)制，從事件源，事件操作到事件處理程序都做了簡單介紹，并給出了部分示例，這里推薦給大家。
事件處理
一、事件源：任何一個HTML元素（節(jié)點(diǎn)），body、div、button
二、事件：你的操作
鼠標(biāo)：
click 單擊
dblick 雙擊
oncontextmenu 文本菜單
復(fù)制代碼 代碼如下:
<body oncontextmenu="return false">//禁止右鍵的程序
mouseover 放上
mouseout 離開
mousedown 按下
mouseup 抬起
mousemove 鼠標(biāo)移動
鍵盤:
keypress 鍵盤事件
keyup 抬起
keydown 按下
文檔：
load 加載
onload 是頁面加載完成之后觸發(fā)的事件
unload 關(guān)閉
breforeunload關(guān)閉之前
表單：
focus 焦點(diǎn)事件
blur 失去焦點(diǎn)
submit 提交事件
change 改變事件
其它：
scroll 滾動
selectstart 選擇事件
三、事件處理程序
第一種：
格式：<tag on事件="事件處理程序" />
實(shí)例：
復(fù)制代碼 代碼如下:
<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處理程序
復(fù)制代碼 代碼如下:
<div id="two">
你好，腳本之家http://www.dhdzp.com
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三種：
基本沒什么人用
復(fù)制代碼 代碼如下:
<script for="事件源ID" event="事件">事件處理程序</script>
<div id="th">
你好，腳本之家http://www.dhdzp.com
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴們是否了解了javascript的事件處理了呢，有疑問就給我留言吧。
相關(guān)文章
使用過javascript的朋友都知道，在javascript中，變量的使用是個比較頭疼的問題，經(jīng)常會產(chǎn)生 些比較匪夷所思的結(jié)果。究其原因，大多是對javascript的變量相關(guān)知識了解得不夠透徹。2010-05-05
javascript學(xué)習(xí)筆記(七) js函數(shù)介紹
javascript學(xué)習(xí)筆記之js函數(shù)介紹，需要的朋友可以參考下2012-06-06
這篇文章介紹了JavaScript中異常處理的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
JavaScript基本概念初級講解論壇貼的學(xué)習(xí)記錄
JavaScript基本概念 論壇貼建議大家看下，都是一些js的高級的技巧知識小結(jié)。2009-02-02
這篇文章主要介紹了JS 作用域與作用域鏈詳解，十分的細(xì)致全面，這里推薦給小伙伴們，有需要的朋友可以參考下。2015-04-04
這篇文章主要介紹了JavaScript函數(shù)使用的基本教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Javascript學(xué)習(xí)筆記1 數(shù)據(jù)類型
在Javascript中只有五種簡單類型，分別為null,undefined,boolean,String和Number.一種復(fù)雜類型：object。2010-01-01
Event屬性想必大家并不陌生吧，本文整理了一些常用的，感興趣的朋友可以參考下，希望對大家有所幫助2013-09-09
文是JavaScript庫Mootools的入門性介紹文章，詳細(xì)介紹了在網(wǎng)上能找到的比較好的學(xué)習(xí)HTML,CSS,JavaScript入門知識的資源以及隨手參考的地方。文中介紹的從零入手學(xué)習(xí)JavaScript編程的過程很有參考價值。2008-04-04
javascript確認(rèn)框的三種使用方法，在開發(fā)中經(jīng)常要用到，記錄一下使用方法2013-12-12