在窗口调整大小时获取鼠标位置

Question

我在调整浏览器窗口大小后，鼠标位置出现了微小的问题。我有一个表单，在点击事件中显示，并通过脚本定位如下：

$('#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);
});

但是猜猜看，这不起作用。我如何在调整窗口大小后没有mousemove或click的情况下获取位置 - 是否可能？

这里有一个jsfiddle示例可以尝试：jsfiddle

非常感谢

- ho.s

Answer 1

在 onResize 事件上触发 click 事件可能会起作用。请尝试以下操作：

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

- sinemetu1