您的位置：首页 > Web前端 > JavaScript

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

2012-07-13 09:15 239 查看 
<meta http-equiv=
"Content-Type"

content=
"text/html; charset=utf-8"

/><html>


02
<head>
03
<script type=
"text/javascript"
>
04
function

load()
05
{
06
var

handler=
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
var

dom_s1=document.getElementById(
"s1"
);
22
dom_s1.onclick=handler;
23
dom_s1.onmouseover=handler;
24
dom_s1.onmouseout=handler;
25
var

dom_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>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                

                    
                

            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航