原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏
Posted quitpoison
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 事件event</title> <script> window.onload=function() { var button=document.getElementById("button"); var box=document.getElementById("box"); button.onclick=function(ev){ box.style.display="block"; var oEvent=ev||event; //兼容火狐，ie,谷歌 oEvent.cancelBubble=true; //取消事件冒泡 } document.onclick=function(ev){ box.style.display="none"; //var oEvent=ev||event; //alert(oEvent.clientX+","+ oEvent.clientY);//兼容火狐，ie,谷歌 } // var ss = document.childNodes[1].tagName; // alert(ss); //html } </script> </head> <body> <input type="button" value="按钮" id="button"> <div id="box" style="width:500px;height: 300px;background: gray; display: none"></div> </body> </html>
以上是关于原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏的主要内容，如果未能解决你的问题，请参考以下文章