判断用户是否在看当前网页以及判断某个元素是否在网页可视区域

主要捣鼓两个问题:

一.当用户在浏览器打开多个网页的时候,判断用户是否正在观看本网页,用途,当用户不在看本网页的时候可以停止加载数据,如视频歌曲等停止播放

二.当用户浏览网页的时候,判断某个元素是否在浏览器可视区域内,比如视频在播放,如果用户滚动看评论,应该停止播放

啥也不说了,直接上demo:





visibilitychange 应用



div1

div2

div3

div4







这两个功能大大提升了用户体验,而且节约带宽和内存,当判断用户不在本页面的时候,可以停止一切程序,当某个视频不在可视区域的时候,可以停止播放停止加载,目前发现新浪nba有做这个

你可能感兴趣的:(html5)