请教一个js的问题

wzc10011 2013-01-10 09:03:01


当鼠标移动到被遮盖的DIV1上的时候,触发事件,如何做到.
...全文
181 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
wzc10011 2013-01-10
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
你这个还需要计算范围了 XML/HTML code?123456789101112131415161718<div style="width:200px;height:200px;background:#ff0000;position:relative" id="dvEvent"><div style="width:200px;height:200px;backgrou……
非常感谢,搞定了
Go 旅城通票 2013-01-10
  • 打赏
  • 举报
回复
你这个还需要计算范围了
<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>
wzc10011 2013-01-10
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
div2作为div1的子元素就行了,会自动冒泡
XML/HTML code?123<div style="width:200px;height:200px;background:#ff0000;position:relative" onclick="alert('click')"><div style="width:200px;height:200px;backgrou……



我需要的效果是,鼠标点击蓝色边框DIV1触发一个时间,包括倍DIV2遮盖的区域!点击其他位置不触发事件
wzc10011 2013-01-10
  • 打赏
  • 举报
回复

我需要的效果是,鼠标点击蓝色边框DIV1触发一个时间,包括倍DIV2遮盖的区域!点击其他位置不触发事件
Go 旅城通票 2013-01-10
  • 打赏
  • 举报
回复
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>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧