网页失去焦点事件 visibilitychange

当网页失去焦点事件时会触发 visibilitychange 事件,可进行相关逻辑处理

如失去焦点需暂停播放 或 变更title吸引用户回来..

eg:

<script>
    document.addEventListener(‘visibilitychange‘, function () {
        var isHidden = document.hidden;
        if (isHidden) {
            //失去焦点
            document.title = ‘小主,快回来‘;
        }
        else {
            //未失去焦点
            document.title = ‘xxx后台管理‘;
        }
    });
</script>

原文地址:https://www.cnblogs.com/xiaoheihei/p/10996978.html

时间: 2024-08-30 08:19:31

网页失去焦点事件 visibilitychange的相关文章

第26天:js-$id函数、焦点事件

一.函数return语句定义函数的返回值,在函数内部用return来设置返回值,一个函数只能有一个返回值.同时,终止代码的执行.所有自定义函数默认没有返回值return后面不要换行 var a=10,b=20,c=30;++a;a++;e=++a+(++b)+(c++)+a++;alert(e);//77 二.获得焦点.失去焦点事件获得焦点:onfocus失去焦点:onblur 案例: 1 <!DOCTYPE html> 2 <html lang="en"> 3

jquery获取焦点和失去焦点事件代码

input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 . 相关js代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te

简单总结焦点事件、Event事件对象、冒泡事件

每学习一些新的东西,要学会复习,总结和记录. 今天来简单总结一下学到的几个事件:焦点事件.Event事件对象.冒泡事件 其实这几个事件应该往深的说是挺难的,但今天主要是以一个小菜的角度去尝试理解一些基本的知识点. 1.焦点事件: 1.1概念理解: 想象场景:当一堆text文本框出现在面前,当点击其中一个文本框,它就会响应用户,并出现光标闪动(这时,点击令它获得焦点). 所以说:焦点事件是用来让浏览器区分哪一个对象是用户要进行操作(输入值.选择.跳转)的. 总结===>  浏览器(区分)哪一个对象

选取焦点事件运用

选取焦点事件: XXX.requestFocus(); 在你所需要选取焦点的组件下面,书写监听器,然后调用requstFocus()方法,就可以实现对某一组件实现焦点功能. 例: this.jbtn2.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent e) { // TODO 自动生成的方法存根 String str = Cun.this.inputTxt.getT

jquery 触发/失去焦点事件例子详解

触发焦点: $("Element").focus() 触发每一个匹配元素获得焦点事件. $("Element").focus(function) 事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法. 失去焦点: $("Element").blur() 触发每一个匹配元素失去焦点事件. $("Element").blur(function) 事件会在元素失去焦点的时候触发,既可以

ASP.NET网页生命周期事件

网页事件 典型的使用方式 PreInit PreInit事件是网页生命周期中非常早起的一个事件,在PreInit事件触发之后,就会加载用户设置信息与网页主题.我们通常使用PreInit事件来执行下列处理: l 检查IsPostBack属性,来确认网页是否为第一次被处理. l 创建或重新创建动态控件. l 动态设置一个母版页. l 动态设置Theme属性. l 读取或设置用户设置文件属性值. Init 在所有的控件都已经被初始化,而且所有的面板设置都已经应用之后,就会触发Init事件.可以使用此事

第23章、OnFocuChangeListener焦点事件(从零开始学Android)

在Android App应用中,OnFocuChangeListener焦点事件是必不可少的,我们在上一章的基础上来学习一下如何实现. 基本知识点:OnFocuChangeListener事件 一.界面 打开“res/layout/activity_main.xml”文件. 1.分别从工具栏向activity拖出2个编辑框EditText.控件来自Form Widgets. 2.打开activity_main.xml文件. [html] view plaincopy <LinearLayout

js键盘事件和焦点事件

键盘事件onkeydown //当键盘按下的时候触发onkeyup //但键盘抬起的时候触发event.keyCode //数字类型 键盘按键的键值功能键 ctrlkey shiftkey altkey //返回的是布尔值 不是所有元素都能接收键盘事件,能够响应用户输入的元素,能够坚守焦点的元素就能接收键盘事件 document是可以接收键盘事件的 焦点:使浏览器能够区分用户输入的对象:当一个元素有焦点的时候,那么他就可以接收用户的输入.我们可以通过一些方式给元素设置焦点 1 点击 2 tab键

javascript焦点事件

校验浏览器是否支持某事件:document.implementation.hasFeature("FocusEvent","3.0") 常用的焦点事件有: blur:在元素失去焦点时触发,该事件不会进行冒泡,所有浏览器都支持 focusout:在元素失去焦点时触发,该事件会进行冒泡,支持它的浏览器有:IE5.5+.Safari5.1+.Opera11.5+.Chrome. focus:在元素得到焦点时触发,该事件不会进行冒泡,所有浏览器都支持 focusout:在元