写一个javascript的事件的各种情况用的switch

来源:互联网 发布:qq java 版 编辑:程序博客网 时间:2024/06/17 09:28
<meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><html>
02<head>
03    <script type="text/javascript">
04    functionload()
05    {
06        varhandler=function(event)
07        {
08            switch(event.type)
09                {
10                    case"click":
11                        alert("click");
12                        break;
13                    case"mouseover":
14                        event.target.style.backgroundColor="red";
15                        break;
16                    case"mouseout":
17                        event.target.style.backgroundColor="";
18                        break;
19                }
20        };
21        vardom_s1=document.getElementById("s1");
22        dom_s1.onclick=handler;
23        dom_s1.onmouseover=handler;
24        dom_s1.onmouseout=handler;
25        vardom_a1=document.getElementById("a1");
26        dom_a1.onclick=function(event){
27            event.preventDefault();
28            event.target.style.backgroundColor="red";
29        }
30 
31 
32    }
33   
34    </script>
35</head>
36<body onload="load()">
37    <span id="s1">请点击</span>
38    <a id="a1"href="http://www.baidu.com">超链接</a>
39<form>
40 
41</form>
42 
43</body>
44</html>
原创粉丝点击