首页 新闻 搜索 专区 学院

jquery-div中如果有a标签,会重复触发div的mouseover事件

0
悬赏园豆:100 [待解决问题]

<script type="text/javascript">

      $(function(){

           $('#oDiv').mouseover(function(){

               console.log('11111');          

         });   

     })

</script>

 

<style>  

     #oDiv{   width:200px;   height:100px;   border:1px solid red;  }

</style>

</head>

<body>

 <div id="oDiv">    

    <a href="###">测试</a>

    <a href="###">测试</a>

    <a href="###">测试</a>

    <a href="###">测试</a>    

</div>

</body>
</html>

凡vv凡的主页 凡vv凡 | 初学一级 | 园豆:104
提问于:2013-05-02 17:54
< >
分享
所有回答(5)
0
happydaily | 园豆:411 (菜鸟二级) | 2013-05-02 18:01
2

冒泡懂吗 A标签难道不是在div里面吗?

如果你想不触发 加上这个

 $('#oDiv a').mouseover(function(e){

               e.stopPropagation();  

         });  

丫的 | 园豆:1575 (小虾三级) | 2013-05-02 18:04

还是一样,当鼠标移动到A标签上方时,不触发父节点DIV的mouseover,移出就触发父节点div的mouseover时间

支持(0) 反对(1) 凡vv凡 | 园豆:104 (初学一级) | 2013-05-03 09:57

@凡vv凡: 你到底要啥效果?

支持(0) 反对(1) 丫的 | 园豆:1575 (小虾三级) | 2013-05-03 10:00
0

楼上正解

SOUTHER | 园豆:825 (小虾三级) | 2013-05-02 20:38
0
$('#oDiv').mouseover(function (event) {
            var name = event.relatedTarget.nodeName;
            if (name != "A" && name != "DIV") {
                console.log("aaaaa");
            }
        });
Plusone | 园豆:342 (菜鸟二级) | 2013-05-03 11:41
-1
$('#oDiv')。hover(
  function(){
       console.log('11111');   
  },
  function(){
       console.log('2222');   
  }
);
大打气菜鸟 | 园豆:202 (菜鸟二级) | 2013-05-03 15:56

这个方法不错!谢谢,

支持(0) 反对(0) 凡vv凡 | 园豆:104 (初学一级) | 2013-05-05 14:35

不错 快速解决问题,原理有时间捣鼓捣鼓吧。

支持(0) 反对(0) 裴文杰 | 园豆:194 (初学一级) | 2016-05-12 09:17
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册