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

2023-12-26

当浏览器窗口大小调整时,我使用它来运行一些代码:$(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 http://davidwalsh.name/orientation-change

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

$(window).resize() 会在方向改变时触发吗? 的相关文章

  • Chrome 开发工具命中代码但未命中断点

    我在 chrome 开发工具上启用了断点 并且在一行上有一个断点 我知道 chrome 正在运行 因为我将断点放在具有以下语句的行上 alert why is this not breaking 如果我在本地主机中找到该文件 则断点有效 断
  • 角度垫排序不适用于带点表示法的 matColumnDef

    我正在尝试按列对表进行排序 当我必须过滤另一个结果中的结果时 就会出现问题 我尝试通过括号表示法和点表示法访问该属性 但没有给出结果 还将最终节点放置在 matColumnDef 中 但失败 因为有 2 列同名 table table
  • 如何将类型添加到 Vite 库构建中?

    我按照vite文档使用图书馆模式 https vitejs dev guide build html library mode我能够生成一个工作组件库 我创建了该项目vue ts预设 在我的组件中 我定义了道具及其类型 并使用了一些接口 但
  • 修改 Twitter 帖子上可编辑 Div 的内容

    我正在编写一个 chrome 扩展 它可以帮助用户在 Twitter 上输入内容 当在 twitter 上写推文时 twitter 会打开一个可编辑的 div 容器 当用户输入内容时 twitter 大概正在使用某些网络框架 会生成子 di
  • Rangy:插入符号下的单词(再次)

    我正在尝试创建一个预输入代码以添加到 wysihtml5 富文本编辑器 基本上 我需要能够插入人员 标签引用 例如 Twitter Github Facebook 我发现一些人试图实现同样的事情的代码 http jsfiddle net A
  • 冒泡可用于图像加载事件吗?

    我可以用吗 window addEventListner 某种程度上来说 我所有的图像都有一个display none 图像加载后 我想设置display inline 这样我就可以规范下载图像时显示的内容 在这种情况下 我无法预加载图像
  • 如何在具有相同值的下拉菜单上触发 jQuery 更改事件

    即使用户选择相同的值 如何每次都触发 jQuery 更改事件 我需要刷新效果 例如如果用户选择Lawyer它会发出警报hello然后用户再次选择Lawyer从下拉菜单中 它应该发出警报hello 我怎样才能实现它 以下是代码 jQuery
  • Socket IO 服务器到服务器

    服务器是否可以使用 Socket IO 连接到另一个服务器并被视为客户端 并让它加入房间 接收 io sockets in lobby emit 和更多 第一个服务器也在监听连接 消息 嘿 Brad 下面是我的完整 js 应用程序 供参考
  • JSONP 使用 JQuery 从 HTTPS 协议获取 JSON

    我正在尝试获取从 https 安全站点发送的 JSON 客户端希望不要使用任何服务器端语言 全部都是 Javascript 我读到 当使用 Jquery 中的 ajax 函数时 我必须使用 JSONP 才能从安全站点加载 JSON 我的第一
  • AngularStrap 工具提示禁用我的自定义指令

    我正在尝试让 bs tooltip AngularStrap 指令与我自己的名为 checkStrength 的自定义指令一起使用 该指令检查密码的强度 单独使用这些指令中的任何一个时 它们都可以正常工作 但不能一起工作 This http
  • jQuery 中什么函数相当于 .SelectMany()?

    让我解释一下 我们知道 jQuery 中的映射函数充当 Select 如 LINQ 中 tr map function return this children first returns 20 tds 现在的问题是我们如何在 jQuery
  • for循环中需要声明变量吗?

    有什么区别 for var i 0 i lt 5 i for i 0 i lt 5 i 是否有必要包含 var 关键字 我知道 var 关键字会影响变量范围 但我无法理解是否有必要在 for 循环中包含该关键字 在第二个示例中 您的变量是全
  • 选择单选按钮时隐藏/显示 3 个文本框

    我有 2 个单选按钮 选择一个文本框时 我想显示 3 个文本框 并在选择其他文本框时隐藏它 这是代码 这是我的 2 个单选按钮
  • 使用 ng-if 改变角度方向

    我想通过单击将方向从 rtl 更改为 ltr and in 设置 html
  • 如果选中复选框则显示 div

    我正在尝试构建类似 WordPress 选项的东西 用于在创建文章时切换字段可见性 我所构建的依赖于 click函数使用相应的字段名称切换父项 我想知道如果选中该复选框 执行此操作的最佳方法是什么 因为如果您选中一个框并重新加载页面 因为它
  • 意外的令牌:尝试解析 JSON 字符串时

    我正在尝试解析这个 JSON 字符串 RESULTS name Thessaloniki GR type Sailing l sailing weather beach Porto 20Carras 20Marina 45904 name
  • 使用 File API polyfill 读取数据 URL

    我正在尝试使用文件 API 库 https github com mailru FileAPI https github com mailru FileAPI 作为不支持文件 API 的浏览器的后备 以便将文件作为数据 URL 读取并将其传
  • JQuery UI:将长元素放在光标位置而不是元素的中间

    我有一些很长的可拖动元素 可以将它们放入背景表的所有单元格中 当我开始拖动此类元素并将其悬停在可放置容器 表格的单元格 上时 了解元素将被放置到何处的 热点 点是其自身的中间 不幸的是 我的元素的中间通常不可见 并且将元素放在正确的位置是没
  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤?

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直
  • Jquery 以编程方式更改

    文本

    编辑 解决方案是将其添加到个人资料页面而不是性别页面 profile live pageinit function event p pTest text localStorage getItem gender 我在列表视图中有一个带有一些文

随机推荐

  • DbConnectionStringBuilder 在 PowerShell 中使用时不会解析

    我正在尝试使用以下功能DbConnectionStringBuilder用于解析类似连接字符串的用户输入 这在 C 中工作得很好 using System using System Data Common class Program sta
  • postgresql - 查询构建 json

    运行 PostgreSQL 9 6 2 我的数据以键 值对的形式存储在表中 key 实际上是一个json对象的路径 每一个都是一个属性 例如 如果键是 cogs props1 value 那么 json 对象将如下所示 cogs props
  • Python-将脚本安装到系统

    如何为我自己的脚本制作 setup py 文件 我必须使我的脚本全球化 将其添加到 usr bin 这样我就可以从控制台运行它 只需键入 scriptName 参数 操作系统 Linux EDIT 现在我的脚本可以安装了 但是如何使其全局化
  • JavaScript 立即函数

    Stoyan Stefanov 在 Javascript Patterns 中说道 你需要一个即时函数来将所有代码包装在其本地作用域中 并且不会将任何变量泄漏到全局作用域 第 70 页 这是他的例子 function var days Su
  • Angular 9 中的视频 JS - 实时视频 - “无法解决 videojs”问题?

    我正在努力让 videojs 在我的 Angular 9 应用程序中工作 我已经查看了所有现有的 stackoverflow 帖子 应用了他们的解决方案 查看了不同的博客文章和 github 来了解视频 js 的问题 但我仍然遇到 无法解决
  • 清除 mySql 中的电话号码字段

    不是数据库人员 而是 我混淆了我继承的 mySql 数据库中的数据 部分电话号码已格式化 512 555 1212 称之为肮脏 其他的5125551212 称之为干净 我需要一个 sqlstamet 说 UPDATE table name
  • UINavigationBar 不与 swift 4 中的 UICollectionView 重叠

    我将导航栏放在 swift 4 中的 UICollectionView 中 当我滚动 collectionView 时 它不会转到后层 而是与导航栏重叠 self collectionview contentInset UIEdgeInse
  • 常见 Linq 表达式的示例 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 当我编写代码时 我开始确定可以使用 Linq 的地方 我的问题是我对语法还很陌生 我通过示例学习效果最好 但我似乎无法轻松找到我需要的
  • 如何禁用 Surface 4 Pro 中的 WPF 平板电脑支持?

    我继承了一个面向 Net 3 5 的 WPF 应用程序 并且必须将其安装在 Surface Pro 4 I5 中 应用程序挂在不同的点 我观察到动画有时永远不会触发已完成的事件 也许它们在某个点结束 但不是在 Duration 属性中表示的
  • 是否有最佳方法来部署架构以使用微服务模型发送短信?

    我们在后端类中有一个服务 该服务如下所示 Setup AWS SNS AWS config update region eu west 1 accessKeyId process env AWS ACCESS KEY ID secretAc
  • div的一部分透明?

    是否可以仅使 div 的一部分透明 就像 div 中的一定空间一样 例如 您从 div 顶部选择 100px 并且顶部 100px 设置了不透明度 我该怎么做呢 您可以做几件事 尝试使用一半透明而另一半不透明的背景图像 使用 CSS 渐变时
  • 绘制顺序是否会影响对象的深度位置? (包括图片)

    我的场景中有一些对象 即使我指定对象 A 的 y 10 最高的对象 从顶部摄像机我也可以通过对象 A 看到底部对象 这是我场景中的图像 直到今天我才发现一个有趣的属性 模型的绘制顺序很重要 我可能是错的 这是另一张图像 我更改了 ship1
  • 如何从 jQuery 选择器获取 DOM 元素?

    我很难找到真正的DOMElement来自 jQuery 选择器 示例代码
  • 打包许多小部件时的 Tkinter 性能

    我正在使用 Tkinter 在 python 中制作 GUI 并且在将许多小部件打包到屏幕上时遇到了一些性能问题 例如打包 50x50 的按钮网格需要几秒钟 这似乎是在屏幕上绘制 或排列 小部件的过程 这需要时间 我尝试过使用网格和位置几何
  • 将 jQuery 集成到现有的 ASP.NET Web 应用程序中?

    微软最近宣布 http weblogs asp net scottgu archive 2008 09 28 jquery and microsoft aspxJavascript HTML DOM 库jQuery 将被集成进入 ASP N
  • 我应该如何渲染 2D 手电筒效果?

    我正在尝试在 2D 游戏中制作手电筒效果 我的手电筒被表示为以特定角度从实体延伸的线段 手电筒可以指向任何方向 手电筒的强度 手电筒光束的长度 也有所不同 我在尝试找出渲染手电筒效果的最佳 最简单 和最灵活的方法时遇到问题 尤其是平铺地图
  • 单击按钮时显示警报

    我正在使用默认的 Facebook 嵌入代码 div div
  • 通过 Web 服务返回大量结果

    我目前正在开发一个网络服务 返回的结果可能会很大 gt 5mb 这组数据如此之大 并且 Web 服务可以称为同步或异步 这是完全有效的 但我想知道人们对以下内容有何想法 如果连接丢失 整个结果集必须是 重新生成并再次发送 有没有 我可以用任
  • 将 Google Analytics“v4”集成到 Android 应用程序中

    感谢您的回答 但仍然不起作用 我已经创建 public class GAnalytics extends Application The following line should be changed to include the cor
  • $(window).resize() 会在方向改变时触发吗?

    当浏览器窗口大小调整时 我使用它来运行一些代码 window resize callback 当手机和平板电脑的方向发生变化时 我还需要运行此代码 上述事件会火吗 有些设备 浏览器可以 有些则不行 您需要确定支持的浏览器和设备 如果您想安全