首頁 > web前端 > 前端問答 > javascript是事件驅動的嗎

javascript是事件驅動的嗎

WBOY
發布: 2022-06-16 17:24:26
原創
2711 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板