原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏

最新推荐文章于 2022-09-16 11:18:08 发布

baodaotui4761

最新推荐文章于 2022-09-16 11:18:08 发布

阅读量133

点赞数

原文链接：http://www.cnblogs.com/quitpoison/p/9900648.html

版权

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

转载于:https://www.cnblogs.com/quitpoison/p/9900648.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

baodaotui4761

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js 事件event</title> <script> window.onload=function() {...
复制链接

扫一扫