嵌套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"， 這句代碼要加在點擊框的父級上