请教一个js的问题

Question

当鼠标移动到被遮盖的DIV1上的时候,触发事件,如何做到.

Answer 1

div2作为div1的子元素就行了，会自动冒泡
<div style="width:200px;height:200px;background:#ff0000;position:relative" onclick="alert('click')">
<div style="width:200px;height:200px;background:#000000;position:absolute;left:50px;top:50px;"></div>
</div>

Answer 2

我需要的效果是,鼠标点击蓝色边框DIV1触发一个时间,包括倍DIV2遮盖的区域!点击其他位置不触发事件

Answer 3

我需要的效果是,鼠标点击蓝色边框DIV1触发一个时间,包括倍DIV2遮盖的区域!点击其他位置不触发事件

Answer 4

你这个还需要计算范围了
<div style="width:200px;height:200px;background:#ff0000;position:relative" id="dvEvent">
<div style="width:200px;height:200px;background:#000000;position:absolute;left:50px;top:50px;"></div>
</div>
<script type="text/javascript">
    window.onload = function () {
        var dv = document.getElementById('dvEvent');
        var p = { x: dv.offsetLeft, rx: dv.offsetWidth, y: dv.offsetTop, by: dv.offsetHeight };
        while (dv = dv.offsetParent) { p.x += dv.offsetLeft; p.y += dv.offsetTop; }
        p.rx += p.x; p.by += p.y;        document.getElementById('dvEvent').onclick = function (e) {
            e = e || window.event;
            var x = e.clientX, y = e.clientY;
            document.title = p.x + '|' + x + '|' + p.rx + '-' + p.y + '|' + y + '|' + p.by;
            if ((x >= p.x && x <= p.rx) && (y >= p.y && y <= p.by)) alert('点击在范围内，触发事件！');
        }
    }
</script>