Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据鼠标位置打开Jquery对话框?_Javascript_Jquery_Dialog - Fatal编程技术网

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

Javascript 根据鼠标位置打开Jquery对话框?,javascript,jquery,dialog,Javascript,Jquery,Dialog,当鼠标移动到页面的某个区域时,是否可以打开jquery对话框? 我不想将框附加到光标上,只要用户移动到浏览器关闭按钮,我可以在页面中心打开jquery digalog或窗口吗 我尝试过搜索答案,但大部分都有附在鼠标上的对话框。是的,这是可能的。看看这个,了解一下如何开始实施它。 基本上,您可以在整个文档上侦听mousemove事件,当鼠标光标位于所需边界之间时(在演示中,鼠标右上角x上为-50px,y上为-50px),您会显示对话框,然后出于性能原因取消绑定mousemove事件 $(docum

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


我尝试过搜索答案,但大部分都有附在鼠标上的对话框。

是的,这是可能的。看看这个,了解一下如何开始实施它。 基本上,您可以在整个文档上侦听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');
        }
    });
});
$(文档).ready(函数(){
$(document).on('mousemove.closebtn',函数(e){
变量xOffsetToTest=50,
yOffsetToTest=50,
windowWidth=$(window).width(),
dialog=$(“#dialog”);
如果(e.pageX>(窗口宽度-xOffsetToTest)&&
e、 页面<(窗口宽度-yOffsetToTest)){
$(“#dialog”).dialog();
$(document.off('mousemove.closebtn');
}
});
});

谢谢,我会查出来的!如果我想使用浏览器的全宽,我是否必须创建一个div,这样我就可以有一个特定的高度?实际上,我只是将hover绑定到一个div上,它似乎可以工作