1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

//document上繫結自定義事件ondataavailable

document.attachEvent('ondataavailable', function (event) {

alert(event.eventType);

});

var obj=document.getElementById("obj");

//obj元素上繫結click事件

obj.attachEvent('onclick', 

alert(event.eventType);

});

//呼叫document物件的createEventObject方法得到一個event的物件例項。

var event = document.createEventObject();

event.eventType = 'message';

//觸發document上繫結的自定義事件ondataavailable

document.fireEvent('ondataavailable', event);

//觸發obj元素上繫結click事件

document.getElementById(

obj.fireEvent('onclick', event);

};

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

//document上繫結自定義事件ondataavailable

document.addEventListener('ondataavailable', function (event) {

alert(event.eventType);

}, false);

var obj = document.getElementById("obj");

//obj元素上繫結click事件

obj.addEventListener('click', function (event) {

alert(event.eventType);

}, false);

//呼叫document物件的 createEvent 方法得到一個event的物件例項。

var event = document.createEvent('HTMLEvents');

// initEvent接受3個引數：

// 事件型別，是否冒泡，是否阻止瀏覽器的預設行為

event.initEvent("ondataavailable", true, true);

event.eventType = 'message';

//觸發document上繫結的自定義事件ondataavailable

document.dispatchEvent(event);

var event1 = document.createEvent('HTMLEvents');

event1.initEvent("click", true, true);

event1.eventType = 'message';

//觸發obj元素上繫結click事件

document.getElementById("test").onclick = function () {

obj.dispatchEvent(event1);

};