根据鼠标位置打开Jquery对话框？

Question

当鼠标移动到页面的某个区域时，是否可以打开jquery对话框？ 我不希望将盒子附加到光标，只要用户移向浏览器关闭按钮，我可以在页面中心打开一个jquery digalog或窗口吗？

我试图搜索答案，但大多数都有附加鼠标的对话框。

Answer 1

是的，这是可能的。看看这个plunker，了解如何开始实现它。 基本上，你在整个文档上监听mousemove事件，当鼠标光标位于你想要的边界之间时（右上角 - x上50px和演示中y上的-50px），你显示对话框然后取消绑定mousemove事件表现原因。

$(document).ready(function() {
    $(document).on('mousemove.closebtn', function(e) {
        var xOffsetToTest = 50,
            yOffsetToTest = 50,
            windowWidth = $(window).width(),
            dialog = $('#dialog');

        if (e.pageX > (windowWidth - xOffsetToTest) &&
            e.pageY < (windowWidth - yOffsetToTest)) {
            $("#dialog").dialog();
            $(document).off('mousemove.closebtn');
        }
    });
});