Event物件和觸發

2021-09-25 12:10:03 字數 830 閱讀 7944

1、構造:

//非ie瀏覽器事件構造方法

var event = document.createevent('htmlevents');//'htmlevents'自定義事件名

//ie瀏覽器構造方法

var event = document.createventobject();

2、事件初始化

event.initevent("oneating", true, true); 

3個引數:事件型別,是否冒泡,是否阻止瀏覽器的預設行為

3、屬性自己定義

event.mingzi = 'hello,我是李小賤';  

event.message = '我今天24歲';

4、繫結事件

document.addeventlistener('oneating', function (event) ); 

5、觸發事件

document.getelementbyid('a').dispatchevent(event);(非ie主流瀏覽器觸發方法)

document.getelementbyid('a').fireevent('on'+event,evt);(ie瀏覽器觸發方法)

例子:

var events = 'touchstart touchend mousedown mouseup click'.split(' ');

var n = 0;

//開啟定時器,每兩秒鐘為a標籤觸發相應事件

var timer = setinterval(function

() },2000);

事件物件event

1.e.client 相對於當前頁面 視窗,不是這個元素 可視區域的左頂點 document.onmousemove function e 2.e.screen 相對於計算機螢幕的左頂點 document.body.onclick function e 3.offset 事件觸發時滑鼠距離該元素左邊...

事件物件(event)

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。1.事件物件的獲取 event的獲取 event內容重要內容 2.screenx pagex和clientx的區別 3.pagey和pagex的相容寫法 ...

事件Event物件

當事件發生時,會向呼叫函式傳遞乙個event物件,event 物件記錄當前事件發生時的環境資訊。乙個事件只能對應乙個event物件,並且event 物件是短暫存在的。dom中的 event 物件的使用方法 1 在html 標記中,通過事件來呼叫函式,向函式傳遞乙個 event 引數,該引數就是乙個 ...