滚动时如何停止窗口大小事件?我只需要开火一次?

Question

我尝试了一路，但是在页面上向上或向下滑动时，window.onresize仍然会触发。

首先，我尝试一个基本的命令行：

window.onresize = function (event) {
setTimeout(Orientation,500);
}
function Orientation() {
if (window.innerHeight > window.innerWidth) {
alert("Portrait");
}
else {
alert("Landscape");
}
}

当警报出现时，我单击"确定"。但是当我在页面上向上或向下滑动时，警报再次出现，总是这样......

我将尝试jquery的David Walsh：

function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
var myEfficientFn = debounce(function() {
if (window.innerHeight > window.innerWidth) {
alert("Portrait");
}
else {
alert("Landscape");
}
}, 250);
window.addEventListener('resize', myEfficientFn);

结果是一样的！

您可以通过手机或平板电脑在这里尝试：http://hangaumy.com/test.html

这个活动还有其他方法吗？非常感谢 ！

Answer 1

在函数中放置一个条件，以便函数仅在您希望时才触发。

window.onresize = doSomething;
var count=0
function doSomething(x) {
if(count<1){
alert('Go' + x);
}
count+=1;
}

Answer 2

在这种情况下，我找不到使用事件调整大小的方法，但我找到了另一种解决方案：

var orien = '';
setInterval(function() {
if (window.innerHeight >= window.innerWidth && orien != 'Portrait') {
alert('Portrait');
orien = 'Portrait';
return;
}
if (window.innerHeight < window.innerWidth && orien != 'Landscape') {
alert('Landscape');
orien = 'Landscape';
}
}, 500);