事件處理程式的幾種方式

2022-08-12 00:42:18 字數 593 閱讀 9847

第一種:

function showmessage(){

alert("hello world"); 

第二種:

var obj=document.getelementbyid("mybtn");

obj.onclick=function(){

alert("hello world"); 

第三種:

obj.addeventlistener("click",function(){

alert("hello world"); 

ps:當觸發事件處理程式時,會產生乙個event物件,這個event物件包含著所有與事件相關的資訊。包括事件的元素、事件型別以及其相關資訊。比如滑鼠操作中包含滑鼠位置資訊;鍵盤操作中包含按下鍵的資訊。

var obj=document.getelementbyid("mybtn");

obj.onclick=function(event){

alert(event.currenttarget); 

obj.addeventlistener("click",function(event){

alert(event.type); 

js事件繫結的幾種方式

1 點選按鈕 2 使js 與hrml標籤分離,文件結構清晰,便於開發和管理 1 點選按鈕 2 繫結語法 element.attachevent event,function event 必需 事件型別,需要加 on function 必需 指定事件觸發時執行的函式 1 點選按鈕 2 事件處理函式中,...

事件處理程式

標籤 標籤 點我 如果新增多個輸出資訊或者其他需求,每次都需要尋找此段 更改太麻煩,少這個方法還可行,若千萬行 以上,怎麼找。我們是否靈活方便?由此擴充套件示例2 點我 新增多個輸出資訊或其他需求,如何處理?答 直接在js 定義函式,函式名稱 到html 指定元素屬性 動態事件 的值裡,如上 但是這...

事件處理程式

事件處理程式就是響應某個事件的函式,簡單地來說,就是函式。我們又把事件處理程式稱為事件偵聽器。事件處理程式是以 on 開頭的,比如點選事件的處理程式是 onclick 事件處理程式大概由以下5種。一 html事件處理程式 html事件處理程式,它是寫在html裡面的,是全域性作用域 例子 點選事件觸...