实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <title>Simulating DOM Text Input Events Example</title>
5
    <script type="text/javascript" src="/upload/files/201702/EventUtil.js"></script>
6
</head>
7
<body>
8
    <div id="myDiv"></div>
9
    <input type="button" value="Send textInput to the textbox" id="myBtn" />
10
    <script type="text/javascript">
11
  
12
    (function(){
13
        var btn = document.getElementById("myBtn");
14
        var div = document.getElementById("myDiv"),
15
                      
16
        EventUtil.addHandler(div, "myevent", function(event){
17
           alert("DIV: " + event.detail);
18
        });
19
​
20
        EventUtil.addHandler(document, "myevent", function(event){
21
           alert("DOCUMENT: " + event.detail);
22
        });
23
​
24
        EventUtil.addHandler(btn, "click", function(event){
25
​
26
            var event;
27
          
28
            if (document.implementation.hasFeature("CustomEvents", "3.0")){
29
                event = document.createEvent("CustomEvent");
30
                event.initCustomEvent("myevent", true, false, "Hello world!");
31
                div.dispatchEvent(event);
32
            }
33
​
34
​
35
        });
36
​
37
    })();
38
    </script>
39
</body>
40
</html>
41
​