位置:海鸟网 > IT > JavaScript >

给body标签和document.body都添加点击事件后仅Firefox弹出了两次

如果给body标签和document.body都添加点击事件后仅Firefox弹出了两次

01 <!DOCTYPE html> 

02 <html style="background:red"> 

03   <head> 

04     <meta charset="utf-8"> 

05     <title>给body标签和document.body都添加点击事件后仅Firefox之弹出了两次</title> 

06   </head>   

07 <body onclick="alert(1)" style="background:yellow;"> 

08     <p>HTML BODY</p> 

09     <script> 

10     document.body.onclick=function(){ 

11         alert ('body'); 

12     }; 

13     </script> 

14 </body> 

15 </html>


1,给body标签添加了onclick事件,弹出1

2,给document.body添加了onclick事件,弹出body

点击页面红色区域

IE6/7/8/9/Safari/Chrome/Opera : 不弹任何消息

Firefox : 弹出1

点击页面黄色区域

IE6/7/8/9/Safari/Chrome/Opera : 弹出body

Firefox : 弹出body,再弹1