Question

css块中加了onclick事件，怎么让块中的一个图片链接不执行onclick？

css块中加了onclick事件，我想让这个块中的一个图片链接不受影响，也就是说点击这个图片不会执行onclick，请问怎么弄？

Answer 1

判断一下鼠标点击的对象是不是块中的图片，如果是则不执行，代码示例：

function onDivClick(event){
    if (event.target.id == "Img")  // 假设图片的id为Img，这里还可以用其它方式判断
        return
    else{
        /* 其它代码 */
    } 
}

追问

是不是还要考虑下兼容问题？你这个ie6好像不支持event.target的吧？

追答

还要支持IE6啊？好吧……修改了下代码：

function onDivClick(event){
// IE支持 event.srcElement ， FF支持 event.target
var evt = event.srcElement ? event.srcElement : event.target;
if(evt.id == 'Img' ) return;
alert('点击图片是看不到这句话的');
}

当然，HTML需要传参：

<div onclick="onDivClick(event)">
    <img src="123.png">
    <!-- 其它的元素 -->
</div>

这个亲自测试过了，可以实现你想要的效果。

Answer 2

img的class{
pointer-events: none;
}