【React工作记录五十三】键盘绑定按下事件

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

核心代码

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

总结

按下回车键就会进行调用

相关文章
|
2月前
|
移动开发 前端开发 JavaScript
React 表单与事件
10月更文挑战第10天
40 1
|
25天前
|
前端开发 JavaScript 开发者
React 事件处理机制详解
【10月更文挑战第23天】本文介绍了 React 的事件处理机制,包括事件绑定、事件对象、常见问题及解决方案。通过基础概念和代码示例,详细讲解了如何处理 `this` 绑定、性能优化、阻止默认行为和事件委托等问题,帮助开发者编写高效、可维护的 React 应用程序。
73 4
|
2月前
|
前端开发 JavaScript IDE
React 事件处理
10月更文挑战第8天
21 1
|
2月前
|
前端开发 JavaScript
一文详解React事件中this指向,面试必备
一文详解React事件中this指向,面试必备
47 0
|
3月前
|
前端开发 JavaScript
react学习(19)事件处理
react学习(19)事件处理
|
3月前
|
前端开发 JavaScript
React的事件与原生事件的执行顺序?
React的事件与原生事件的执行顺序?
|
4月前
|
前端开发 JavaScript Java
React 中的合成事件
【8月更文挑战第30天】
53 6
|
4月前
|
前端开发 JavaScript
React 中的事件是什么?
【8月更文挑战第30天】
75 5
|
4月前
|
存储 前端开发 JavaScript
React中的事件处理(八)
【8月更文挑战第15天】React中的事件处理
35 1
|
4月前
|
前端开发 JavaScript 开发者
如何在 React 中处理事件?
【8月更文挑战第31天】
47 0