时间戳

首页 > 解决方案 > 如何在 React 输入字段上以编程方式触发模糊、聚焦、单击和选择事件？

javascript - 如何在 React 输入字段上以编程方式触发模糊、聚焦、单击和选择事件？

问题描述

我正在尝试在使用 React 构建的表单输入字段上触发一些事件。使用 javascript 或 Query，使用 .focus() .click() 等很容易触发

它们似乎没有在 React 输入上触发，我也找不到类似的事件。React 输入是否有类似的方法，不需要渲染 JSX 等，只需访问实际的 React 代码即可完成 

$('#selector').trigger('blur'); 
$('#selector').trigger('focus');
$('#selector').trigger('click'); 
$('select#selector').prop('selected', true);

标签： javascriptjqueryreactjsab-testing

解决方案

如果不了解该项目的更多信息，很难说，但您触发的元素可能在您尝试与之交互或操作它们时尚未渲染/不存在。您是否尝试过在此时添加调试器并查看它们是否存在于 DOM 中？

无论如何，您应该能够使用 vanilla JS 或 jQuery 来解决此问题，而不必担心编写反应代码。

推荐阅读