当前位置: 首页 > news >正文

浏览器标题闪烁功能

浏览器窗体获得焦点则停止标题闪烁通知,失去焦点则开启标题闪烁通知

功能描述

窗体失焦的时候,标题就会闪

补充说明: 浏览器窗体获得焦点和失去焦点,Chrome和FireFox浏览器是window的onfocus,
onblur方法;而IE浏览器则是document的onfocusin, onfocusout方法


<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>标签页标题闪烁</title></head><body><h2>浏览器窗体标题闪烁通知</h2><script>var titleInit = document.title, isShine = true;setInterval(function () {var title = document.title;if (isShine == true) {if (//.test(title) == false) {document.title = '【你有新消息】';} else {document.title = '';}} else {document.title = titleInit;}}, 1000);// for Chrome and FireFoxwindow.onfocus = function () {console.log(123);isShine = false;};window.onblur = function () {isShine = true;};// for IEdocument.onfocusin = function () {isShine = false;};document.onfocusout = function () {isShine = true;};</script></body></html>
http://www.lqws.cn/news/442135.html

相关文章:

  • python形成性考核管理系统
  • 2023年蓝桥杯青少第十四届蓝桥杯Scratch省赛中级组真题——小狗避障
  • webpack和vite对比解析(AI)
  • OpenCV 图像直方图
  • 中泰制造企业组网新方案:中-泰企业国际组网专线破解泰国工厂访问国内 OA/ERP 卡顿难题
  • 【世纪龙科技】智能网联汽车自动驾驶虚拟实训软件
  • 【鸿蒙HarmonyOS Next App实战开发】​​​​ArkUI纯色图生成器
  • Linux中Ansible常用模块
  • 【油藏地球物理正演软件ColchisFM】为什么经常用90度相移处理代替反演使用
  • PostgreSQL的扩展dict_int
  • 【AI作画】第2章comfy ui的一般输入节点,文本框的类型和输入形式
  • Postman 的 Jenkins 管理 - 自动构建
  • 通俗解释:编码器与解码器
  • 系统性能优化-3 内存池
  • uni-app项目实战笔记15--使用uni-popup实现弹出层和uni-rate实现评分效果
  • 【python】多次重试调用ai大模型
  • FPGA基础 -- Verilog 命名事件
  • Cursor Pro取消500次请求限制,无限用的体验更好了吗?
  • 【vim】通过vim编辑器打开、修改、退出配置文件
  • 新生活的开启:从 Trae AI 离开后的三个月
  • 【研发工具】.Net创建多项目模板(Visual Studio)
  • 轻量化社交管理方案:Skout与云手机的巧妙搭配
  • 暑期前端训练day1
  • SpringBoot扩展——应用Web Service!
  • 【 感知集群】大规模分布式基础设施的AI赋能蓝图
  • 深度学习之目标检测YOLO简介和YOLO v1模型算法流程详解说明(超详细理论篇)
  • Redis
  • 动态规划算法思路详解
  • 【高录用】2025年数字金融,大数据与商业管理国际会议 (DFBBM 2025)
  • 蚀刻效果解释