温馨提示: 这篇文章于2111天前编写,现在可能不再适用或落后.

onblur和onfocus平时都用在表单元素的input的text类型和textarea元素上面,但是这两个事件不仅仅限于表单,原来还可以对window对象进行操作。

比如窗口切换改变title内容或者是icon图标改变。




window.onblur = function() {//使用window触发onblur事件
    document.title = "诶,憋走啊!回来啊~喵";//改变title内容
};
window.onfocus = function() {//触发onfocus事件
    document.title = "七空幻音 | 一个二次元爱好者的技术博客";
};
虽然这样的目的达到了,但是不便于修改,我们可以在title标签上加上一个title属性


<title id="title" title="七空幻音 | 一个二次元爱好者的技术博客">七空幻音 | 一个二次元爱好者的技术博客</title>
这样就可以不用去修改js的原标题了,用title上的id索引title内容就行了


window.onfocus = function(){
      document.title=$("#title").attr("title");//用id获取原标题
}


    阁下需要登录后才可以查看评论哦~

    随便看看

      载入中...

      正在准备穿越次元,阁下请稍等片刻~