zoukankan      html  css  js  c++  java
  • [Js]阻止事件冒泡

    例子:点击按钮,弹出一块div,点击页面别处,div隐藏

    分析:当点了按钮的时候会事件冒泡到document层,阻止事件冒泡,要用到event.cancelBubble=true;

    window.onload=function(){

        var btn=document.getElementById("btn");

        var box=document.getElementById("box");

        btn.onclick=function(ev){

            var oEvent=ev||event;          //兼容ie和ff的写法,ie下直接可以用event.属性,而火狐下需要一个参数,然后由参数.属性。||或,只要两方有一方为真,就取真的那个值,两个都

                                                        为真,取前面那个

            box.style.display="block";

            oEvent.cancelBubble=true;

        };

        document.onclick=function(){

            box.style.display="none";

        };

    }

  • 相关阅读:
    js中常见事件
    第六周
    石家庄地铁售票系统
    第五周
    第四周
    html总结2
    返回一个整数数组中最大子数组的和(续)
    第九周总结
    团队冲刺第五天-KeepRunningAPP
    团队冲刺第四天-KeepRunningAPP
  • 原文地址:https://www.cnblogs.com/zhangwenkan/p/3591925.html
Copyright © 2011-2022 走看看