javascript是事件驅動的嗎

JavaScript是事件驅動的；JavaScript是一種基於物件和事件驅動並且具有安全性能的腳本語言，事件驅動是透過滑鼠或熱鍵的動作引發的，事件處理的過程是先發生事件，後啟動事件處理程序並做出反應。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript是事件驅動的嗎

javascript是事件驅動的

javascript中的事件驅動是透過滑鼠或熱鍵的動作引發的.主要事件如下：

　　1、滑鼠點選事件onclick

#　　2、內容改變事件onchange

　　3、選取事件onselect --當text或textarea的內容被高亮顯示後觸發該事件

　　4、獲得焦點事件onFocus --當物件獲得焦點時發生

　　5、失去焦點事件onBlur --和獲得焦點事件相對應！

　　6、文件載入事件 onload --當文件被載入是觸發事件。通常也叫載入事件(載入運作) 一般用來設定cookie

　　7、解除安裝文件事件 onunload --和載入文件事件對應。當web頁面退出時發生，通常更新cookie的值

　　8、滑鼠右鍵選單功能事件oncontextmenu --可以屏蔽滑鼠右鍵時使用

事件處理：

1 .發生事件

2.啟動事件處理程序（透過事件處理器觸發）

3.事件處理程序回應

#事件的呼叫（都是透過事件處理器呼叫），範例如下：

1.在HTML中呼叫

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

2.在Javascript中呼叫

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

在上面程式碼中，一定要把Javascript腳本放在元素標記的下面，因為Javascript語言是解釋型語言，執行順序是按順序逐行執行，只有這樣變數b才能取得到元素標記物件

在瀏覽器中，事件物件是window物件的一個屬性event，作用是在事件被觸發時，取得觸發事件的對象，在IE瀏覽器中，事件對象真正包含在even的srcElement屬性中；在DOM瀏覽器中（非IE瀏覽器中），事件對象真正包含在event的target屬性中

function someHandle(){
       var oEvent;
       if(window.event==true){  //判读是否存在事件对象
           oEvent=window.event;
       }
       var oTarget;
       if(oEvent.srcElement==true){
       oTarget=oEvent.srcElement; //IE浏览器
       }
       else{
       oTarget=oEvent.target;  //DOM浏览器
       }
       alert(oTarget.tarName); //弹出目标对象的标记名称
}
window.onload=function(){
var oImg=document.getElementsByTagName("img")[0]; //获取一组name为img的标记的第一个
oImg.onclick=someHandle();
}

【相關推薦：javascript影片教學、web前端】

以上是javascript是事件驅動的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！