主页 / 问题 / 1338357
Accepted
D .Stark
Asked:2022-03-14 21:29:20 +0800 CST2022-03-14 21:29:20 +0800 CST

JS专注并输入`input` [关闭]

  • 772

我提供表单的 HTML 代码：https ://pastebin.com/ZEEE36x4

我在页面上执行的以下脚本（该站点不属于我）旨在在表单的输入字段中输入某些数据：

var inp = document.querySelector('[data-marker="registration-form/input"]');
inp.select();
inp.focus();
inp.value = '79000000000';

问题是按下按钮继续（表单上标记为“继续”的按钮）重置设置值input.value。调用select(), focus(),click()什么都不做，尽管它们应该激活输入字段。如果您手动执行此操作，则一切正常。我不明白如何激活该字段中的输入。有任何想法吗？

javascript

1 个回答

  1. Best Answer

    我弄清楚了问题所在。这些值在 JavaScript 执行期间存储在某个模型中并显示在表单上。更新字段值不会更新模型，因为更新绑定到输入事件。因此，要填写表格并“真正”更改input.value，您需要运行：

    var event = new Event('input', {
    bubbles: true,
    cancelable: true,
});

inp.dispatchEvent(event);

const pasteEvent = Object.assign(new Event('paste', { bubbles: true, cancelable: true }), {
            clipboardData: {
                getData: (type = pasteType) => VALUE,
            },
        });
inp.dispatchEvent(pasteEvent);
    • 0

相关问题