JavaScript是事件驅(qū)動(dòng)的；JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并且具有安全性能的腳本語言，事件驅(qū)動(dòng)是通過鼠標(biāo)或熱鍵的動(dòng)作引發(fā)的，事件處理的過程是先發(fā)生事件，后啟動(dòng)事件處理程序并做出反應(yīng)。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript是事件驅(qū)動(dòng)的嗎

javascript是事件驅(qū)動(dòng)的

javascript中的事件驅(qū)動(dòng)是通過 鼠標(biāo)或熱鍵 的動(dòng)作引發(fā)的. 主要事件如下：

　　1、鼠標(biāo)單擊事件 onclick

　　2、內(nèi)容改變事件 onchange

　　3、選中事件 onselect –當(dāng)text或textarea的內(nèi)容被高亮顯示后觸發(fā)該事件

　　4、獲得焦點(diǎn)事件 onFocus –當(dāng)對(duì)象獲得焦點(diǎn)時(shí)發(fā)生

　　5、失去焦點(diǎn)事件 onBlur –和獲得焦點(diǎn)事件相對(duì)應(yīng)！

　　6、文檔載入事件 onload –當(dāng)文檔被載入是觸發(fā)事件。通常也叫加載事件(加載運(yùn)行) 一般用來設(shè)置cookie

　　7、卸載文檔事件 onunload –和加載文檔事件對(duì)應(yīng)。當(dāng)web頁面退出時(shí)發(fā)生，通常更新cookie的值

　　8、鼠標(biāo)右鍵菜單功能事件 oncontextmenu –可以屏蔽鼠標(biāo)右鍵時(shí)使用

事件處理：

1.發(fā)生事件

2.啟動(dòng)事件處理程序（通過 事件處理器觸發(fā)）

3.事件處理程序作出反應(yīng)

事件的調(diào)用（都是通過 事件處理器 調(diào)用），示例如下：

1.在HTML中調(diào)用

<input name="save" type="button" value="保存" onclick="alert('Click the button');" />

2.在Javascript中調(diào)用

<input id="save" type="button" /> <script> var b=document.getElementById("save"); b.onclick=function(){    alert("Click the button"); } </script>

在上面代碼中，一定要把Javascript腳本放在元素標(biāo)記的下面，因?yàn)镴avascript語言是解釋型語言，執(zhí)行順序是按順序逐行執(zhí)行，只有這樣變量b才能獲取到 元素標(biāo)記對(duì)象

在瀏覽器中，事件對(duì)象是window對(duì)象的一個(gè)屬性event，作用是在事件被觸發(fā)時(shí)，獲取觸發(fā)事件的對(duì)象，在IE瀏覽器中，事件對(duì)象真正包含在even的srcElement屬性中；在DOM瀏覽器中（非IE瀏覽器中），事件對(duì)象真正包含在event的target屬性中

function someHandle(){        var oEvent;        if(window.event==true){  //判讀是否存在事件對(duì)象            oEvent=window.event;        }        var oTarget;        if(oEvent.srcElement==true){        oTarget=oEvent.srcElement; //IE瀏覽器        }        else{        oTarget=oEvent.target;  //DOM瀏覽器        }        alert(oTarget.tarName); //彈出目標(biāo)對(duì)象的標(biāo)記名稱 } window.onload=function(){ var oImg=document.getElementsByTagName("img")[0]; //獲取一組name為img的標(biāo)記的第一個(gè) oImg.onclick=someHandle(); }

【