<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>阻止冒泡和默认事件</title> </head> <body> <button>阻止冒泡和默认事件</button> <script> function stopPropagation(e) { if (e && e.stopPropagation) { console.log(1); e.stopPropagation();//阻止冒泡非ie8及以下版本 } else { console.log(2); window.event.cancelBubble = true;//阻止冒泡ieie8及以下版本 } if (e && e.preventDefault ) { console.log(3); e.preventDefault();//阻止默认非ie8及以下版本 } else { console.log(4); window.event.returnValue = false;//阻止默认ie8及以下版本 } } var btn=document.getElementsByTagName("button")[0]; btn.onclick= function (e) { alert(111); stopPropagation(e); }; document.onclick= function () { alert(222); } </script> </body> </html>