img有一个事件 怎么能点击img外的div 也触发img的事件

Question

如图 我需要点击蓝色区域的div时 绿色区域的红色箭头转180度 但是目前效果是只有点绿色区域才有反应 有人指教该怎么改吗_(:з」∠)_

html代码：

<div class="panel-heading" id="panel-heading">
    <img src="/img/[e-mail]" alt="下拉" class="xiala" id="xiala" onclick="return change()">
</div>

js代码：

window.onload = function(){
    var current = 0;
    document.getElementById('xiala').onclick = function(){
        current = (current+180)%360;
        this.style.transform = 'rotate('+current+'deg)';
    }
};

Answer 1

2个方法，第一个最简单，给div也加这个点击事件。还有一个用JQuery的trigger()事件触发

Answer 2

你把点击事件加在父div上不要加在图片上，同时点击div时正常获取图片元素并让它旋转不就行了吗

Answer 3

这种我一般都用CSS控制
1、点击外层div是给这个div加上个class 比如active
2、CSS里面 .active img{ transform:rotateZ(180deg); }

或者如果要触发img点击事件的话 搜一下 捕获事件

Answer 4

你点击了蓝色区域,直接修改绿色区域的样式不就完了。

Answer 5

给div加上点击事件去控制图片就行了