javascript中的事件與事件處理，javascript事件

javascript中的事件與事件處理，javascript事件

在js中事件處理的過程分為三步：

1.發生事件

2.啟動事件處理常式

3.事件處理常式做出反應

事件處理常式的調用

1.在javascript中

在javascript中呼叫事件處理常式，首先要獲得要處理對象的引用，然後將要執行的處理函數賦值給對應的事件

2.在html中

在html中分配事件處理常式，只需要在html標記中添加相應的事件，並在其中指定要執行的代碼或函數名即可

DOM事件模型：

DOM結構是一個樹形結構，當一個HTML元素產生一個事件時，該事件會在元素節點與根節點直接的路徑傳播，路徑所經過的節點都會收到該事件，這個傳播過程可稱為DOM事件流

javascript 事件

（1）單擊事件onClick
當使用者單擊滑鼠按鍵時，產生onClick事件。同時onClick指定的事件處理常式或代碼將被調用執行。通常在下列基本對象中產生：
button（按鈕對象）
checkbox（複選框）或（檢查列表框）
radio （單選鈕）
reset buttons（重要按鈕）
submit buttons（提交按鈕）
例如可通過下列按鈕啟用change()檔案：

<Form>
<Input type="button" Value="" onClick="change()">
</Form>

在onClick等號後，可以使用自己編寫的函數作為事件處理常式，也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例：<Input type="button" value=" " onclick=alert("這是一個例子");

（2）onChange改變事件
當利用text或texturea元素輸入字元值改變時發該事件，同時當在select表格項中一個選項狀態改變後也會引發該事件。例：
<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>
（3）選中事件onSelect
當Text或Textarea對象中的文字被加亮後，引發該事件。
（4）獲得焦時間點事件onFocus
當使用者單擊Text或textarea以及select對象時，產生該事件。此時該對象成為前台對象。
（5）失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點、而退到後台時，引發該檔案，他與onFocas事件是一個對應的關係。
（6）載入檔案onLoad
當文檔載入時，產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值，並用一個變數為其賦值，使它可以被原始碼使用。
（7）卸載檔案onUnload
當Web頁面退出時引發onUnload事件，並可更新Cookie的狀態。
 
JavaScript事件及事件處理常式

第一題

<input type="text" id="Number1" name="Number1">
<input type="text" id="Number1" name="Number2">
<input type="button" name="MAX" value="max" onclick="alert(Math.max(document.getElementById('Number1').value,document.getElementById('Number2').value))"/>

第2題

<form name="form1" action="#" onsubmit="return check()" method="POST">
姓 :<input type="text" name="familyname" value=""/><br/>
名 :<input type="text" name="firstname" value=""/><br/>
年齡:<input type="text" name="age" value=""/><br/>
體重:<input type="text" name="weight" value=""/><br/>
<input type="submit" value="提交"/>
</form>
<script type="text/javascript">
function check(){
var o=document.form1;
if(o.familyname.value==""||o.firstname.value=="")
{
alert("姓或者 名不可為空 ");return false;
}
if(o.age.value<17){
alert("年齡必須大於17歲");return false;
}
if(o.weight.value<80||o.weight.value>300){
alert("體重必須是在 80 -300 之間");return false;
}......餘下全文>>