当前位置: 首页 > 知识库问答 >
问题:

React触发器onChange事件用于虚拟DOM输入,与常规DOM中的输入不同。为什么会这样?

巩选
2023-03-14

在虚拟DOM中,每次更改输入内容时都会触发onChange。在常规DOM中,onChange仅在输入元素模糊时触发。

链接到GIF说明行为

样本项目:

上述演示的源代码

为什么React对虚拟DOM元素触发onChange事件的方式不同?

共有1个答案

夏嘉德
2023-03-14

React DOM故意偏离并在每次更改时发出onChange fire,因为这几乎总是您想要的。这里的文档:表单中描述了这一点。

 类似资料:
  • 问题内容: 我目前有一个简单的react应用程序,无法获得这些onchange事件来激发我的生命。 有趣的是,当我使用时,会触发事件,但函数中的ev变量不正确。 问题答案: 尝试: 要么: 代替:

  • 本文向大家介绍react的虚拟DOM和vue的虚拟DOM有什么区别?相关面试题,主要包含被问及react的虚拟DOM和vue的虚拟DOM有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 React 是数据先生成 vdom,然后对比 vdom(实现上并非先后顺序,两棵树边遍历边生成新的树),最后通过新的 DOM 树渲染。 Vue 是数据先进性对比,先通过数据的不同,再去更新 vdom(这不知道

  • 本文向大家介绍什么是虚拟DOM?相关面试题,主要包含被问及什么是虚拟DOM?时的应答技巧和注意事项,需要的朋友参考一下 虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的,在react,vue等技术出现之前,我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构,来达到更新 ui 的目的。 这种方式相当消耗计算资源,因为每次查询 dom 几

  • 本文向大家介绍为什么虚拟dom会提高性能?相关面试题,主要包含被问及为什么虚拟dom会提高性能?时的应答技巧和注意事项,需要的朋友参考一下 虚拟dom相当于在js和真实dom中间加了一个缓存,利用dom diff算法避免了没有必要的dom操作,从而提髙性能。 具体实现步骤如下: 1. 用JavaScript对象结构表示DOM树的结构;然后用这个树构建一个真正的DOM树,插到文档当中 2.当状态变更

  • 我知道React创建一个虚拟DOM并比较差异,然后只是更新真实DOM的实际元素,但是如果手动更改它,如何更有效呢?通过还是使用jQuery函数?

  • 当用户在输入字段中键入内容时,我试图消除onChange事件的影响。 我引用这些线程: 在React.js中执行去盎司 使用取消公告的onChange处理程序设置输入值 我在下面的代码片段中尝试复制上述线程中提供的解决方案: 错误: 错误:处理程序不是一个函数 当用户在输入字段中键入时,如何对的进行去抖动?