获取鼠标绝对坐标

最新推荐文章于 2021-05-15 05:31:42 发布

原创最新推荐文章于 2021-05-15 05:31:42 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种在聊天应用中实现右键菜单的方法。通过监听鼠标点击事件，并根据鼠标位置显示上下文菜单，实现了聊天头部导航栏的交互增强。此方法适用于需要快速访问额外功能的场景。

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

EventTrigger.prototype.chatNaviDropMouseDown = function () {
    $(document).on("mousedown mouseover", ".Chat-Heading .dropdown-menu li", function (e) {
        if (3 == e.which) {
            var PageX = e.pageX;
            var PageY = e.pageY;
            var chatHeadingLeftOffset = $('.Chat-Heading').offset().left;
            var chatHeadingTopOffset = $('.Chat-Heading').offset().top;
            var chatHeadingLeftRelative = $('.Chat-Heading').position().left;
            var chatHeadingTopRelative = $('.Chat-Heading').position().top;
            $('#chatMainRMenu').css({
                "left": PageX - chatHeadingLeftOffset + chatHeadingLeftRelative,
                "top": PageY - chatHeadingTopOffset + chatHeadingTopRelative
            });
            $('#chatMainRMenu').show();
        } else if (1 == e.which) {

        } else {

        }
    })
}