javascript - 如何通过浏览器 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 调用。