前端脚本模拟用户修改input

在脚本中直接修改 $0.value，在 React 页面上可能无法起作用，体现为程序内部存储的表单数据并未被修改，当手动修改 input 内容时会触发更新，表单内所有 input 重新变为脚本修改之前的状态。

比如，若原先所有 input 为空，通过给 $0.value 赋值，页面上的 input 看上去内容都已被修改。但是，此时尝试提交表单，则会提示“请输入用户名”等错误提示，且如果此时点击其中一个，手动输入，则会触发更新，其他 input 会恢复原先的空白状态。

不要尝试 dispatchEvent、$0.setAttribute 之类的方法了，非常鸡肋，下面的脚本可以很好地解决问题，建议以后在脚本里都这么修改 input：

JAVASCRIPT

$0.focus();
document.execCommand('inputText', false, textToBeInserted);

That will be a really solid modification to input.

文章操作