#yyds干货盘点# 【React工作记录五十三】键盘绑定按下事件

简介: #yyds干货盘点# 【React工作记录五十三】键盘绑定按下事件

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


键盘绑定按下事件


图片.png

核心代码

componentDidMount() {
    document.addEventListener('keydown', this.handleLoginEvent);
  }
  componentWillUnmount() {
    document.removeEventListener('keydown', this.handleLoginEvent);
  }
  handleLoginEvent = (e) => {
    if (e.keyCode === 13) {
      this.handleSubmit();
    }
  };


总结


按下回车键就会进行调用





相关文章
|
13天前
|
前端开发 JavaScript
react学习(19)事件处理
react学习(19)事件处理
|
21天前
|
前端开发 JavaScript
React的事件与原生事件的执行顺序?
React的事件与原生事件的执行顺序?
|
2月前
|
前端开发 JavaScript Java
React 中的合成事件
【8月更文挑战第30天】
26 6
|
2月前
|
前端开发 JavaScript
React 中的事件是什么?
【8月更文挑战第30天】
45 5
|
2月前
|
存储 前端开发 JavaScript
React中的事件处理(八)
【8月更文挑战第15天】React中的事件处理
30 1
|
2月前
|
前端开发 JavaScript 开发者
如何在 React 中处理事件?
【8月更文挑战第31天】
28 0
|
3月前
|
前端开发 JavaScript 算法
react【框架原理详解】JSX 的本质、SyntheticEvent 合成事件机制、组件渲染过程、组件更新过程
react【框架原理详解】JSX 的本质、SyntheticEvent 合成事件机制、组件渲染过程、组件更新过程
54 0
|
5月前
|
前端开发 调度 开发者
React的事件处理机制
【5月更文挑战第29天】React的事件处理机制
46 2
|
5月前
|
前端开发 JavaScript
在React中,如何通过事件处理函数来管理按钮的点击行为?
【5月更文挑战第28天】在React中,如何通过事件处理函数来管理按钮的点击行为?
44 1
|
5月前
|
前端开发 JavaScript
在React中,如何通过事件处理函数来管理输入框的获取和失去焦点行为?
【5月更文挑战第28天】在React中,如何通过事件处理函数来管理输入框的获取和失去焦点行为?
191 1