数码资讯
js实现的单击div区域之外的隐藏div区域
首先,看看js的事件模型。JS事件模型向上起泡。如果onclick事件是在一个DOM元素触发的事件触发,将按照节点向上直到单击事件绑定到一个父节点,如果不到文档的根。 防止泡沫:1,里面()为非IE浏览器。2的cancelbubble属性为true,为IE浏览器, jQuery有一个浏览器兼容的方法
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
首先,看看js的事件模型。JS事件模型向上起泡。如果onclick事件是在一个DOM元素触发的事件触发,将按照节点向上直到单击事件绑定到一个父节点,如果不到文档的根。
防止泡沫:1,里面()为非IE浏览器。2的cancelbubble属性为true,为IE浏览器,
jQuery有一个浏览器兼容的方法,event.stopimmediatepropagation();
体
{
背景颜色:# 999999;
}
# mydiv
{
背景颜色:# ffffff;
宽度:250px;
身高:250px;
显示:无;
}
U3000 U3000
这是一个div;
无功mydiv = $(# mydiv );
($函数)
{
$(# BTN)。Click(函数(事件))
{
showdiv(DIV); / /来电显示的方法
$(文档)。
文档库的div方法来绑定一个。
$(mydiv)隐藏();
});
(事件。里面); / /停止事件冒泡
});
(mydiv美元)。Click(函数(事件))
{
(事件。里面); / /停止事件冒泡
});
});
showdiv()函数
{
$(mydiv)FadeIn();
}
防止泡沫:1,里面()为非IE浏览器。2的cancelbubble属性为true,为IE浏览器,
jQuery有一个浏览器兼容的方法,event.stopimmediatepropagation();
体
{
背景颜色:# 999999;
}
# mydiv
{
背景颜色:# ffffff;
宽度:250px;
身高:250px;
显示:无;
}
U3000 U3000
这是一个div;
无功mydiv = $(# mydiv );
($函数)
{
$(# BTN)。Click(函数(事件))
{
showdiv(DIV); / /来电显示的方法
$(文档)。
文档库的div方法来绑定一个。
$(mydiv)隐藏();
});
(事件。里面); / /停止事件冒泡
});
(mydiv美元)。Click(函数(事件))
{
(事件。里面); / /停止事件冒泡
});
});
showdiv()函数
{
$(mydiv)FadeIn();
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。