实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <title>Simulating DOM Mouse Events Example</title>
5
    <script type="text/javascript" src="/upload/files/201702/EventUtil.js"></script>
6
</head>
7
<body>
8
    <input type="button" value="Click me" id="myBtn" />
9
    <input type="button" value="Send click to the other button" id="myBtn2" />
10
    <p>This example works in DOM-compliant browsers (not IE).</p>
11
    <script type="text/javascript">
12
  
13
    (function(){
14
        var btn = document.getElementById("myBtn");
15
        var btn2 = document.getElementById("myBtn2");
16
      
17
        EventUtil.addHandler(btn, "click", function(event){
18
            alert("Clicked!");
19
            alert(event.screenX);   //100
20
        });
21
​
22
        EventUtil.addHandler(btn2, "click", function(event){
23
            //create event object
24
            var event = document.createEvent("MouseEvents");
25
          
26
            //initialize the event object
27
            event.initMouseEvent("click", true, true, document.defaultView, 0, 100, 0, 0, 0, false,
28
                                 false, false, false, 0, btn2);
29
          
30
            //fire the event
31
            btn.dispatchEvent(event);
32
​
33
        });
34
​
35
    })();
36
    </script>
37
</body>
38
</html>
39
​