以角度方式检测窗口焦点?

2024-03-26

有没有一种好的角度方法来检测窗口焦点?我正在使用 html5 通知,并且我只想在窗口失去焦点时触发。

Thanks!


有一个内置的角度指令ngFocus here https://docs.angularjs.org/api/ng/directive/ngFocus如果你把它贴在身体上也许会有帮助

<window, input, select, textarea, a
  ng-focus="">
...
</window, input, select, textarea, a>

编辑:对于窗口焦点,有$window包装器,你可以做类似的事情:

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

以角度方式检测窗口焦点? 的相关文章

  • 如何触发UI-Router View Load事件?

    第一次测试 ui router 但目前测试事件 我似乎无法理解如何触发 viewContentLoaded 或 Loading 虽然 我已经有 stageChangeSuccess 等工作了 我只是把一切都推到了http punkbit c
  • 如何重置表单中的 $dirty

    我在使用时遇到一个问题 dirty在我的申请表中 问题是一旦您更改表单字段 值 dirty将被设置为true但现在当您撤消更改时 它不会重置 dirty价值false 我们可以重置 dirty价值false手动但之后当您再次更改表单字段值时
  • Angularjs $http 等待响应

    我是 javascript angularjs 的新手 我想在某些元素上完成鼠标悬停时显示引导弹出窗口 我为此创建了一个指令 function angular app app directive popOver window http fu
  • AngularJS,使用没有后退按钮刷新的路由

    我在用着angularJS使用 AJAX 构建一个简单的单页应用程序 但是当用户使用本机后退按钮时我遇到了问题 angular module myApp ionic myApp controllers myApp services conf
  • 如何使用 TypeScript 和 Angular 2 将插件添加到 ng2-ckeditor ?

    我正在尝试添加Justify插件到我的 ckeditor 但不幸的是我找不到任何关于如何将插件添加到 ng2 ckeditor 的信息 另外 我找不到任何应该添加插件的目录或配置文件 我正在使用 ng2 ckeditor1 0 6使用 Ty
  • 如何创建自定义输入类型?

    例如 我想创建一个类似于 AngularJS 实现 电子邮件 的方式的自定义输入类型
  • D3.js折线图溢出边距

    我有 d3 js 折线图 它作为 angular js 应用程序的指令包含在内 动态添加的线和 xAxis 以及缩放线上的边距溢出 我必须在图的顶部为每条加载的线创建 Ox 轴 并具有 Ox 和 Oy 单独的缩放可能性 Oy 缩放工作正常
  • 将行推入使用 ng-repeat 以角度呈现的表格中

    当客户端单击该行时 我想在表中插入额外的行 不应预取数据 因为我预计最多有 30 行 但每行都有关联的数据 在一次获取中获取这些数据是不合理的 到目前为止 我的方法是使用 ng repeat 迭代我的集合并渲染表格 当客户端按下该行时 客户
  • 函数调用后的两组括号

    我正在寻找如何filters http docs angularjs org api ng 24filter在 Angularjs 中工作 我发现我们需要发送 2 组括号 filter number number fractionSize
  • 在 History popstate 事件中获取 AngularJs $scope?

    我是 angularjs 开发新手 我有 var app angular module myapp app controller ProductCtrl scope sce function scope sce scope products
  • 如何删除 ng-repeat 的默认顺序

    如何停止动态表数据的 ng repeat 内部的默认排序 目前我收到以下订单 地址 客户 ID 姓名 但我想要的是以下顺序 客户 ID 名称 地址 任何帮助我将不胜感激 JS app controller MyController func
  • Angularjs 手表服务对象

    为什么我无法观看服务中的对象 我有一个简单的变量可以工作 但是一个对象不能工作 http plnkr co edit S4b2g3baS7dwQt3t8XEK p preview http plnkr co edit S4b2g3baS7d
  • Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Headers

    我试图通过发布请求将文件发送到我的服务器 但是当它发送时会导致错误 Access Control Allow Headers 不允许请求标头字段 Content Type 所以我用谷歌搜索了错误并添加了标题 http post rootSc
  • 包含routeChangeSuccess的AngularJS测试控制器

    我正在尝试创建单元测试来测试导航列表控制器 但在创建测试时遇到问题 这是控制器的代码 navListModule controller NavListCtrl scope NavList function scope NavList sco
  • 导航嵌套组件时创建面包屑 (Angular 2)

    我正在为此苦苦挣扎 这个想法是有一个组件 当浏览子视图时更新面包屑 例如
  • 如何清除单个函数中的所有 AngularJS $scope 和 $rootScope 值?

    我需要清除所有 scope执行某些操作时的值 例如 如果我点击 Signout 按钮重定向到 signin 页面 然后所有 scope or rootScope应清除会话中的值 我怎样才能实现这个目标 您可以执行以下操作 rootScope
  • 传递给 $resource 的 @id 是什么?

    resource entries id id id update method PUT id是什么 在 资源上doc page http docs angularjs org api ngResource 24resource下面有人这么说
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下
  • Protractor e2e 测试表头和 , 标签

    我正在使用下表 我想测试每个标签 th td 标签 该标签中的文本以及该文本的计数 HTML 片段 table class table table striped tbody tr th b a Patient Id a b th th b
  • 如何在 angular-ui 中动态禁用 ui-sortable 指令

    我正在使用 Angular ui 使用 ui sortable 指令进行排序 是否可以根据范围状态动态启用 禁用可排序功能 因此 我需要一个按钮来更改范围属性的状态 并且根据此属性可排序是否应该工作 角度指令支持观察可排序选项何时发生变化

随机推荐

  • VB.Net Excel Automation如何处理敏感度标签

    当我在 VB Net 中为用户创建 Excel 文件时 当我尝试保存文件时出现错误 当文件为只读时 您无法执行此操作 并且似乎是因为尚未选择敏感度标签 我无法找到任何有关在执行 Excel 自动化时处理敏感度标签的文档 因此我想知道是否有人
  • 服务器端处理的数据表上的“列索引”

    有谁知道如何添加列索引 to a 服务器端处理数据表 http www datatables net 基本上喜欢http www datatables net examples api counter columns html http w
  • 用c#在asp.net中发送邮件脚本

    请建议我一个代码发送邮件asp net 中的脚本C 我想建造调查表我想发送我的电子邮件 ID 上的所有信息 包括附件 主题和正文 try Assign a sender recipient and subject to new mail m
  • Windows XP 上的 Java 最大内存

    我一直能够为在 32 位 Windows XP Java 1 4 1 5 和 1 6 上运行的 Java SE 分配 1400 MB 的空间 java Xmx1400m 今天 我在使用 Java 1 5 16 和 1 6 0 07 的新 W
  • Javascript字符串nodejs流实现

    我需要一个将数据发送到字符串的nodejs 流 http nodejs org api stream html 实现 你认识什么人吗 直接地说 我正在尝试通过管道传输请求响应 如下所示 请求 http google com doodle p
  • 检查字符串变量是否具有整数值

    我正在开发一个项目 允许孩子们向圣诞老人发送消息 不幸的是 如果他们在 AGE 字段中输入字符串而不是整数 则程序会崩溃并返回 Conversion from string exampleString to type Double is n
  • 使用 RSA AES 提供程序生成自签名 1024 位 X509Certificate2 时出现问题

    我正在尝试使用以下命令生成 X509Certificate2 对象Microsoft AES 加密提供程序 https msdn microsoft com en us library windows desktop aa386979 28
  • .External2(C_dataviewer, x, title) 中的错误:无法启动数据查看器

    在 R 中 每次点击时都会出现以下错误View or data frame我不明白为什么 事情发生得很突然 gt View Fhat all Error in External2 C dataviewer x title unable to
  • 如何冻结设备特定的已保存模型?

    我需要冻结保存的模型以供服务 但某些保存的模型是特定于设备的 如何解决此问题 with tf Session config tf ConfigProto allow soft placement True as sess sess run
  • 性能分析 asp.net,什么是 ProcessRequestNotificationHelper?

    我正在对每秒 20 个用户的负载下的 ASP NET Web 应用程序进行性能分析 20 个用户基本上使应用程序瘫痪 并且无法加载任何内容 我正在使用 RedGate 性能分析器 但我不知道如何使用它 12 的时间花在我的代码上 我可以深入
  • 该程序无法启动,因为您的计算机缺少 MSVCR110.dll

    我正在尝试将 apache 服务器 2 4 安装到我的 Windows 计算机上 到目前为止我遇到了这个 常见 问题 但我无法解决它 标题中的错误消息继续出现 但我已经 成功 下载了缺少的必需项目的 32 位和 64 位版本http www
  • kubectl 从 gitlab 未经授权拉取镜像:HTTP Basic:访问被拒绝

    我正在尝试配置 gitlab ci 以将应用程序部署到谷歌计算引擎 我已成功将映像推送到 gitlab 存储库 但在应用 kubernetes 部署配置后 我在 kubectl 描述 pod 中看到以下错误 Failed to pull i
  • Java-应用程序背后的屏幕捕获

    有没有一种方法可以捕获屏幕但不显示应用程序本身 我知道如何最小化或使框架不可见 但这必须非常快地完成 因为它会在每秒发生很多次 至少每秒一次 我希望它看起来像 Windows Vista 7 中的放大镜 该应用程序可以看到自己的背后 Cal
  • 使用 iPhone SDK 以编程方式拨打电话号码并传递 DTMF

    如何通过 iPhone SDK 以编程方式执行以下操作 通过 iPhone SDK 以编程方式拨打电话号码 绕过拨号 取消iPhone 弹出的提示 拨打号码后发送额外的 DTMF 就像将暂停编程到普通电话中一样 我知道你可以做一个tel 呼
  • 在 HTML5 Web SQL 数据库中对日期时间进行排序

    我找不到解决我的问题的方法 我有一个 HTML5 Web SQL 数据库 其中有一个如下表 db transaction function tx tx executeSql CREATE TABLE IF NOT EXISTS todo t
  • 可拖动的平面列表不渲染任何内容

    我正在尝试为draggable flatlist编写一个简单的代码 相同的代码对于 FlatList 运行得非常好 在下面的代码中 如果我用 DraggableFlatList 替换 FlatList 尽管从渲染组件 TaskListTil
  • 为什么要在方法参数列表中添加void

    我见过具有以下签名的方法 void foo void 他们不接受任何争论 但我想知道这样做是否有用 您有理由这样做吗 这是旧版本 C 的遗留物 其中foo 意思是 具有未知数量参数的函数 并且foo void 意思是 零参数的函数 在 C
  • Android 中使用 Kotlin 的文件复制 Flutter 插件

    尝试创建一个 Flutter 插件 将资产文件复制到本机应用程序文档文件夹 对于 iOS 我通过以下代码实现了这一点 见下文 但是 由于我对 Android 架构了解不多 所以我想知道我的 Android MethodChannel 代码应
  • KeyboardView 在 Android 中已被弃用

    KeyboardView已被 Android 团队在 API 级别 29 中正式弃用 我无法找到替代方法 请告诉我是否还有其他选择 谷歌建议的唯一解决方案是复制键盘视图 java https android googlesource com
  • 以角度方式检测窗口焦点?

    有没有一种好的角度方法来检测窗口焦点 我正在使用 html5 通知 并且我只想在窗口失去焦点时触发 Thanks 有一个内置的角度指令ngFocus here https docs angularjs org api ng directiv