JS问题/jquery问题 如何让DIV里的元素不触发mouseover事件？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>测试</title>
<style type="text/css">.test{width:500px; height:100px; background:red; margin-top:270px; }
</style>
<script type=text/javascript src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">$(function(){ $('.test').mouseover(function(){
alert(1);
});
});
</script>
</head><body>
<div class="test">
<a href="#">xxxx</a>
</div>
</body>
</html> //当鼠标移动到test的时候输出1，当鼠标移动到test里的a的时候又触发了一次mouseover，应该如何让它不触发？ 展开
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>测试</title>
<style type="text/css">.test{width:500px; height:100px; background:red; margin-top:270px; }
</style>
<script type=text/javascript src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">$(function(){ $('.test').mouseover(function(){
alert(1);
});
});
</script>
</head><body>
<div class="test">
<a href="#">xxxx</a>
</div>
</body>
</html> //当鼠标移动到test的时候输出1，当鼠标移动到test里的a的时候又触发了一次mouseover，应该如何让它不触发？ 展开
4个回答
展开全部
$(".test").mouseover(function(){
alert("aaa");
}).find("*").mouseover(function(){return false;});
});
要阻止事件冒泡,比较傻的方法...网上的event.stopPropagation()不好用,还有兼容性问题...干脆继续用jq重写元素事件,或者你用hover方法，好像没有冒泡。
alert("aaa");
}).find("*").mouseover(function(){return false;});
});
要阻止事件冒泡,比较傻的方法...网上的event.stopPropagation()不好用,还有兼容性问题...干脆继续用jq重写元素事件,或者你用hover方法，好像没有冒泡。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){ $('.test a').mouseover(function(){
alert(1);
});
alert(1);
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如何不触发我不知道，但是如果想不执行的话，可以给div设置一个属性，事件函数体内部在执行有效代码前，先判断这个属性,根据这个属性值去判断，是不是你想要操作的对象，然后再去做想要完成的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
