代码描述:javascript 事件冒泡 简单实例。javascript事件冒泡简单实例
关于javascript事件冒泡这里就不多讲了,通俗的说就是事件能偶像水泡一样向上传播,具体可以参阅javascript事件冒泡简单介绍一章节。下面给出一个事件冒泡的简单实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>简单事件冒泡实例</title> <style type="text/css"> #father{ width:500px; height:500px; background-color:green; } #children{ width:100px; height:100px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var father=document.getElementById("father"); var children=document.getElementById("children"); father.onclick=function(){ alert("父元素onclick事件触发了"); } children.onclick=function(){ alert("子元素的onclick事件触发了"); } } </script> </head> <body> <div id="father"> <div id="children"></div> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能