前端如何监听用户是否在当前页面

<script>
    document.addEventListener('visibilitychange', function() {
  // 页面变为不可见时触发
  if (document.visibilityState == 'hidden') {
    document.title = '离开';
    alert('bye')
  }
  // 页面变为可见时触发
  if (document.visibilityState == 'visible') {
    document.title = '回来';
    alert('call back')
  }
});
</script>