获取鼠标在 window.resize 上的位置

发布于 2024-12-28 19:05:18 字数 641 浏览 0 评论 0原文

..调整浏览器窗口大小后,鼠标位置出现“微小”问题。 我有一个在单击事件上显示并由脚本定位的表单,如下所示:

$('#whatever').click(function(event){
   $('#dialog').css('left', event.pageX);
   $('#dialog').css('top', event.pageY);
});

工作正常,因此对话框出现在当前鼠标位置的左上角。 如果我现在在显示对话框时调整窗口大小,它就会失去“方向”:-) 所以我需要刷新到当前的鼠标位置

$(window).resize(function(event){
   $('#dialog').css('left', event.pageX);
   $('#dialog').css('top', event.pageY);
});

但是你猜怎么着,这不起作用。我怎样才能在没有职位的情况下获得该职位 调整窗口大小后立即移动或单击鼠标 - 这可能吗?

这是一个可供尝试的 jsfiddle 示例: jsfiddle

非常感谢

..got a "tiny little" problem with mouse position after resizing browser window.
I have a form which is displayed on a click event and positoned by script as follows:

$('#whatever').click(function(event){
   $('#dialog').css('left', event.pageX);
   $('#dialog').css('top', event.pageY);
});

Works fine so the dialog apears on left top of current mouse position.
If I now resize the windows while the dialog is shown, it looses "orientation" :-)
So I need to refresh to the current mouseposition on

$(window).resize(function(event){
   $('#dialog').css('left', event.pageX);
   $('#dialog').css('top', event.pageY);
});

But guess what, this does not work. How can I get the position without having a
mousemove or click just after having resized the window - is that possible?

Here is a jsfiddle sample to try out: jsfiddle

Thanks a lot

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情何以堪。 2025-01-04 19:05:18

引发 onResize 的点击事件可能会起作用。试试这个:

$(window).resize(function(){
   $(document).trigger('click'); 
});

Raising the click event onResize might work. Try this:

$(window).resize(function(){
   $(document).trigger('click'); 
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文