html中如何让一个最顶层的元素不响应任何事件?
一个像android的toast一样的气泡提示,在每次浮动显示出来的时候会遮盖住下面的元素,有事么办法能让这个元素只显示但是本身不会接到任何事件,在它下面一层的元素正常响...
一个像android的toast一样的气泡提示,在每次浮动显示出来的时候会遮盖住下面的元素,有事么办法能让这个元素只显示但是本身不会接到任何事件,在它下面一层的元素正常响应事件. (提示框元素只能是在body下一层,绝对定位在最前方的
) 展开
) 展开
3个回答
展开全部
这个项目用到了 DOM、Ajax、jQuery 等方面的技术，还好有点基础，搞搞弄弄也就开始手顺了，其间遇到一个小问题：利用 Ajax 或 DOM 动态创建的一个或多个对象不再响应当初定义的用户事件。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
身不会接到任何事件,在它下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title> 阻止JavaScript事件冒泡传递</title>
<meta charset="utf-8">
<style type="text/css">
#outerDiv{
background: cyan;
width: 110px;
}
#innerDiv{
position: relative;
left: 10px;
background: #abc;
width: 90px;
}
</style>
</head>
<body>
<div id="outerDiv">
<p>outerDiv</p>
<div id="innerDiv">
<p>innerDiv</p>
</div>
<p>outerDiv</p>
<script type="text/javascript">
var outer = document.getElementById('outerDiv');
var inner = document.getElementById('innerDiv');
outer.addEventListener("click",function(){
alert(this.id);
},false);
inner.addEventListener("click",function(event){
alert(this.id);
event.cancelBubble=true;
},false);
</script>
</div>
</body>
</html>
<html>
<head>
<title> 阻止JavaScript事件冒泡传递</title>
<meta charset="utf-8">
<style type="text/css">
#outerDiv{
background: cyan;
width: 110px;
}
#innerDiv{
position: relative;
left: 10px;
background: #abc;
width: 90px;
}
</style>
</head>
<body>
<div id="outerDiv">
<p>outerDiv</p>
<div id="innerDiv">
<p>innerDiv</p>
</div>
<p>outerDiv</p>
<script type="text/javascript">
var outer = document.getElementById('outerDiv');
var inner = document.getElementById('innerDiv');
outer.addEventListener("click",function(){
alert(this.id);
},false);
inner.addEventListener("click",function(event){
alert(this.id);
event.cancelBubble=true;
},false);
</script>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
