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

标签 javascript browser-console

这是 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();

请帮助我

最佳答案

使用现代浏览器方法:

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

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

关于javascript - 如何通过浏览器Javascript控制台触发onchange事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43139077/

相关文章:

javascript - 如何更改 Material UI Table Pagination 中的纸张样式

javascript - 如何将这个 javascript 制作的表格添加到页面中?

javascript - 在某些网站上使用 jQuery 函数会导致 Uncaught TypeError

firebase - 警告 "It looks like you' 正在使用 Firebase JS SDK 的开发版本。”

javascript - 为什么当浏览器控制台未打开时 require 会导致 Internet Explorer 9 超时?

c# - 如何更改 Kendo UI Grid 上的文本销毁或删除命令操作?

JavaScript 更新多个对象属性

javascript - 在没有脚本标签的情况下为 XSS 执行 JavaScript