react 快捷键保存

最新推荐文章于 2022-07-06 14:47:26 发布

迟长志

最新推荐文章于 2022-07-06 14:47:26 发布

阅读量698

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/github_38696818/article/details/102727921

react 专栏收录该内容

4 篇文章

订阅专栏

尊重大神的成果附上链接http://react-china.org/t/react/27050

直接上代码，注意reacr版本

 componentDidMount() {
    document.addEventListener("keydown", this.onKeyDown)
  }

  componentWillUnmount() {
    document.removeEventListener("keydown", this.onKeyDown)
  }

  onKeyDown = (e) => {
    if (e.ctrlKey && e.keyCode == 83 || e.metaKey && e.keyCode == 83) {
      console.log('----', e.keyCode, e.ctrlKey, e.metaKey, e.shiftKey)
      e.preventDefault();
      console.log('-----开始保存了')
    }
  }

为什么要做双判断，因为考虑用户使用系统不同windows适用于 ctrlKey ，mac适用于metaKey（目前不是很了解原因)

e.preventDefault()为除IE浏览器外阻止浏览器默认行为的方法