javascript - $(window).resize() 会在方向改变时触发吗?

标签 javascript jquery screen-orientation

我正在使用它在浏览器窗口调整大小时运行一些代码:$(window).resize(callback)

我还需要在手机和平​​板电脑的方向发生变化时运行此代码。上述事件会引发此事件吗?

最佳答案

有些设备/浏览器可以,有些则不能。您需要决定支持的浏览器和设备。

如果您想安全起见,您应该使用调整大小事件并获取/检查其中的大小;如果你知道你想要的设备有一个简单的方向改变:

简单的解决方案:

// Listen for orientation changes      
window.addEventListener("orientationchange", function() {
    // Announce the new orientation number
    alert(window.orientation);
}, false);

更安全/受支持

// Listen for resize changes
window.addEventListener("resize", function() {
    // Get screen size (inner/outerWidth, inner/outerHeight)

}, false);

David Walsh 写了一篇关于调整大小和方向更改事件的好文章。 更多关于方向变化和尺寸的信息: http://davidwalsh.name/orientation-change

关于javascript - $(window).resize() 会在方向改变时触发吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23996726/

相关文章:

javascript - 编辑 Jquery 对话框 CSS

用户移除文本框焦点时的 Javascript 事件

javascript - swiffy 输入文本字段解决方法

javascript - 任务完成时 Node.js res.render

javascript - 弹出警报消息后,javascript 是否仍在运行?

android - 处理方向变化时的问题

android - 在方向改变时切换 fragment 或 Activity (即布局)

jquery - 如果选中输入,则将 class active 添加到字段集,其类等于输入的 id

javascript - 如何在高级编译模式下使用 Google Closure 编译器编译 jQuery UI 小部件?

android - 在 Android 中更改设备方向时如何避免黑屏