javascript - 模拟文本输入到 React INPUT 字段
问题描述
我有一个 React 3rd-party 网页。
它有一个 INPUT 字段,我想以编程方式更改文本并提交表单。
寻找一个纯 Javascript 解决方案。我的代码将在扩展程序中运行 - 并注入到这个第 3 方页面。
这是我遇到的一个类似的 React 页面:
https://www.united.com/en/us/manageres/mytrips
我可以以编程方式输入确认号(6 个字母),但是当我按下搜索时 - 它告诉我输入它。
我的代码作为 Greasemonkey 脚本运行。
(function()
{
setTimeout( () =>
{
let element = document.getElementById(".confirmationNumber");
console.log(element);
var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeInputValueSetter.call(element, 'ABCDEF'); // valid # is 6-letters
const event = new Event('input', { bubbles: true });
event.simulated = true;
element.dispatchEvent(event);
console.log("Done");
}, 1000 );
})();
解决方案
推荐阅读
- java - Intellij Java Maven Gson 导入不起作用 - 包不存在
- python-3.x - Cythonizing python 3代码时未能实现有效的速度提升
- html - 为什么我的 html 使用 laravel 显示我的侧边栏和导航两次?
- python - 如何在python代码中插入get_element_count
- r - 为什么我的地块的 0,0 参考线延伸到绘图区域之外?
- mongodb - MongoDB - 在同一个集合上有不同文档的缺点?
- r - 使用“ifelse”修改字符串因子的内容不起作用
- php - 如何检查何时在 php 中选择/更改了下拉列表或如何保留选定的新值
- java - 创建自定义休眠类型类时是否应该有不同的包装和展开类类型?
- python - 如何按数组分组到python中的新数组