jQuery窗口大小
我们正忙着写一个公文包类型的插件 我们需要知道如何让脚本知道每次在调整窗口大小后加载页面时屏幕的大小。当用户移动鼠标时,会反复计算窗口大小。我们只希望在第一次加载页面和调整页面大小后使用此选项 最好的解决方案是什么?谢谢jQuery窗口大小,jquery,html,css,Jquery,Html,Css,我们正忙着写一个公文包类型的插件 我们需要知道如何让脚本知道每次在调整窗口大小后加载页面时屏幕的大小。当用户移动鼠标时,会反复计算窗口大小。我们只希望在第一次加载页面和调整页面大小后使用此选项 最好的解决方案是什么?谢谢 $(document).on("mousemove", function (event) { var mouseposX = event.pageX; var mouseposY = event.pageY; windowX = $(window).wi
$(document).on("mousemove", function (event) {
var mouseposX = event.pageX;
var mouseposY = event.pageY;
windowX = $(window).width();
windowY = $(window).height();
offsetX = Math.round(-(mouseposX / windowX * (blokjeContainerWidth - windowX)));
offsetY = Math.round(-(mouseposY / windowY * (blokjeContainerHeight - windowY)));
});
这是指向示例的链接:尝试在
窗口
对象上使用调整大小
功能。然后可以使用.resize()
不要将其绑定到
mousemove
事件,只需调用$(document.ready()
(DOM就绪后)或$(window.load()
(加载资源后)上的计算即可
然后将上面的代码绑定到窗口
resize
事件,而不是mousemove
。您可能还需要研究限制/取消限制jQuery插件,因为触发resize
事件在不同浏览器中并不一致。使用jQuery可以非常轻松地获取信息
var ww = $(window).width();//initial width
var wh = $(window).height();//initial height
$(window).on('resize', function() {
ww = $(this).width();//new width
wh = $(this).height();//new height
});
因此,您只需将x和y值更改为:
windowX = ww;
windowY = wh;
我将报告添加到小提琴上,因此您可以在值更新时看到它们
您可以在绑定resize函数以模拟onLoad事件后立即调用它,它将保存重复的代码<代码>$(窗口).resize(函数(){…}).resize()代码>。谢谢你的回答,这对我帮助很大!
windowX = ww;
windowY = wh;