相关疑难解决方法(0)

screenX/ Y,clientX/ Y和pageX/有Y什么区别？

同样对于iPad Safari,计算与桌面上的计算类似 - 或者由于视口有一些差异？

如果你能指出我的例子,那就太棒了.

我想在我的Web应用程序中添加自定义右键单击菜单.这可以在不使用任何预先构建的库的情况下完成吗？如果是这样,如何显示一个不使用第三方JavaScript库的简单自定义右键单击菜单？

我的目标是Google Docs的功能.它允许用户右键单击并向用户显示他们自己的菜单.

注意: 我想学习如何制作自己的东西而不是使用某些人已经制作的东西,因为大多数时候,那些第三方库充满了功能,而我只想要我需要的功能,所以我希望它完全由手工制作我.

我无法在鼠标单击的确切位置出现弹出窗口。我希望能够单击一个 DIV（位于表格单元格内），并在单击该 div 时显示一个弹出窗口。

现在我的弹出窗口正在工作，但是无论我尝试什么，弹出 DIV 都位于页面的中间位置。

超文本标记语言

<ul class="customdropdown" style="display:none;" id="xxx<?php echo $fetch['unit_no']; ?>" role="menu" aria-labelledby="menuitems">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#"</i>Link 1</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#"</i>Link 2</a></li>

</ul>

查询

$(document).ready(function () {
        $('#myDiv<?php echo $fetch['unit_no']; ?>').click(function (e) {
            var myDiv = document.getElementById('myDiv<?php echo $fetch['unit_no']; ?>');
            var leftx = e.pageX-myDiv.offsetLeft;
            var topy = e.pageY-myDiv.offsetTop;

            $("#xxx<?php echo $fetch['unit_no']; ?>")
                .css({
                    position: 'absolute',
                    left: leftx,
                    top: topy,
                    display: 'block'
                })
           
        });
    });

下面是发生的情况的屏幕截图：

这和DIV的定位有关吗？