javascript得到相对坐标显示,点按…

本文介绍了一个使用JavaScript实现的上下文菜单功能。该功能通过监听按钮点击事件来展示和隐藏菜单,并利用自定义函数`GetAbsolutePosition`获取元素的位置信息以确保菜单在正确的位置显示。此外,还详细介绍了如何根据触发按钮的位置调整菜单的位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function ShowRightMenu(e) {
<wbr><wbr> var o = e.target;</wbr></wbr>
<wbr><wbr> var pointer = GetAbsolutePosition($("#btnReSet").get(0));</wbr></wbr>
<wbr><wbr> $("#divRightMenu").css("left", pointer.x);</wbr></wbr>
<wbr><wbr> $("#divRightMenu").css("top", pointer.y + $("#btnReSet").height());</wbr></wbr>
<wbr><wbr> $("#divRightMenu").show();</wbr></wbr>
}
function HideRightMenu() {
<wbr><wbr> $("#divRightMenu").hide();</wbr></wbr>
}
function GetAbsolutePosition(element) {
<wbr><wbr> var point = { x: element.offsetLeft, y: element.offsetTop, w: element.offsetWidth, h: element.offsetHeight };</wbr></wbr>
<wbr><wbr> if (element.offsetParent) {</wbr></wbr>
<wbr><wbr><wbr><wbr> var parentPoint = GetAbsolutePosition(element.offsetParent);</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr> point.x += parentPoint.x;</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr> point.y += parentPoint.y;</wbr></wbr></wbr></wbr>
<wbr><wbr> }</wbr></wbr>
<wbr><wbr> return point;</wbr></wbr>
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值