zoukankan      html  css  js  c++  java
  • 嵌套div的onClick事件问题

    嵌套div的onClick事件问题
    我在下面的代码中的外层div中加了onClick事件,这样当鼠标点击这个div的时候就会跳转了。
    但是我在图片上加了一些其他效果,所以当鼠标点击中间的img时不能触发跳转事件。

    <div class="box" onClick="window.open('interest/cloud.php');">
    <div class="texts">
    <div class="title">云</div>
    </div>
    <div class="images">
    <img src="angel.gif" />
    </div>
    <div class="texts">
    <div class="content">云</div>
    <div class="author">云</div>
    </div>
    </div>


    总之就是当鼠标点击除了图片以外的区域触发跳转事件,而点击图片的时候则执行我的其他事件。
    ------解决思路----------------------


    <div class="box" onClick="window.open('interest/cloud.php');">
    <div class="texts">
    <div class="title">云</div>
    </div>
    <div class="images" onClick="event.cancelBubble = true">
    <img src="angel.gif" />
    </div>
    <div class="texts">
    <div class="content">云</div>
    <div class="author">云</div>
    </div>
    </div>

    ****注意
    onClick="event.cancelBubble = true", 这句代码要加在点击框的父级上
  • 相关阅读:
    希尔排序
    代理模式
    快速排序
    插入排序
    各种排序算法的稳定性和复杂度
    简单选择排序
    冒泡排序
    流程图
    PLAY学习【未完】
    项目之maven心得
  • 原文地址:https://www.cnblogs.com/isungge/p/5755679.html
Copyright © 2011-2022 走看看