2021-10-22：浏览器页面的转换、JS技巧

1、浏览器页面的转换

 document.addEventListener('visibilitychange', () => {
          // 浏览器切换事件
          if (document.visibilityState === 'hidden') {
              // 状态判断
              // xxx 页面的离开
          } else {
              // xxx 页面的进入
          }
        })

2、JS技巧

1>返回

history.back()

2>数字分隔符

1_000_000_000

image.png

3>事件监听器只运行一次

element.addEventListener('click', () => console.log('I run only once'), {
    once: true
});   

4>console.log变量包装

image.png

5>检查caps lock是否打开
用 KeyboardEvent.getModifierState() 来检测是否 Caps Lock 打开。

const passwordInput = document.getElementById('password');

passwordInput.addEventListener('keyup', function (event) {
    if (event.getModifierState('CapsLock')) {
        // CapsLock 已经打开了
    }
});