如何通过浏览器Javascript控制台触发onchange事件

Question

这是HTML代码：

<tr>
<td class="caption">Amount</td>
<td><input type="text" name="Amount" value="" size="30" id="Amount" 
onkeypress="return isNumberKey(event);" onchange="this.value = 
changeAmount(this.value);" maxlength="18"></td>
</tr>
<tr>
<td>Amount Word</td>
<td><textarea name="AmountWord" cols="" rows="" wrap="soft" 
class="text_sotien" id="AmountWord" readonly=""></textarea></td>
</tr>

我的网站上面有2个字段。 changeAmount（）函数是我服务器上的一个脚本。现在，我想为我的客户创建一个Javascript脚本。当它们粘贴在您的浏览器控制台上时（Chrome上的Ctrl + Shilf + I或Firefog上的F12），它将填充Amount字段的新值，然后调用函数changeAmount（）来更改AmountWord的值。这是我的代码，但它只能更改Amount字段的值，而不是调用changeAmount（）函数来更改AmountWord字段的值：（

javascript:document.getElementById("Amount").value='111000';document.getElementById("AmountWord").focus; document.getElementById("AmountWord").click();

请帮帮我

Answer 1

使用现代浏览器方法：

const input = document.querySelector("input[name='Amount']")
input.dispatchEvent(new CustomEvent("change"))

最好避免像这样的内联JS调用。