JavaScript 代码触发 oninput 事件的方法

最近项目中遇到的问题，需要动态加载数据，而且当数据改变的时候，需要自动计算出后一项数据的金额，

但是使用了 jQuery 的

$('xxx').trigger('oninput onpropertychange');
无效。

最后在另一位博主的帖子里，看到了使用原生 JavaScript 触发 oninput 事件的方法

        var evt = document.createEvent('HTMLEvents')evt.initEvent('input', true, true)$("#domId").val(value).get(0).dispatchEvent(evt);

本来应该写上那个兄弟的帖子地址的，但是是上周的事情了，不记得在哪个帖子里看到的了，实在抱歉。

项目应用截图：

因为客户填写单价的位置，不在这个输入框输入，而是在其他地方输入后，赋值过来，所以需要使用到代码触发 oninput 事件去调用之前已经写好的计算方法。

JavaScript 代码触发 oninput 事件的方法相关推荐

工作手记之移动端中文输入法触发oninput事件的解决方法
事件背景工作过程中涉及到了移动端输入内容长度的限定,这就要求需要对输入过程中内容的变化进行监控和判定,以决定是否可以继续输入,所以就想着是否可以在相关输入处监听oninput事件?但是在手机端,中文 ...
js触发php事件,JavaScript_代码触发js事件(click、change)示例应用，Chrome , Firfox 不支持fireEvent的方 - phpStudy...
代码触发js事件(click.change)示例应用 Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代, 直接给一个兼容的Code. 触发c ...
input中文输入多次触发oninput事件
oninput事件在<input>或<textarea>元素的值发生改变时触发 onchange事件也是监听文本框变化后触发,不同的是oninput事件是立即(即时)触发,on ...
如何通过JQuery动态触发oninput事件
众所周知,如果想到实时监听input框值的改变可以通过监听input事件完成,例如: let $input = $("#input"); $input.on("input ...
html中hover无法触发,jQuery中trigger无法触发hover事件解决方法
做jquery练习的时候需要在外部触发元素的"hover"事件,于是,问题来了:根本没有触发,无论是trigger( )还是triggerHandler( ),查询后得知: Dep ...
通过代码触发dropdownlist_SelectedIndexChanged事件。
如果dropdownlist当前的选项是xxx.你再次选择xxx,它是不会回发的.这个时候就需要外力了. 用到第一种方法是在一个按钮Click事件里面写: DropDownList2.Selected ...
windows中使用Findwindow函数与FindWindowEx函数来实现自动控制、触发第三方软件事件的方法...
FindWindow 用来根据类名和窗口名来得到窗口句柄的.但是这个函数不能查找子窗口,也不区分大小写. 如果要从一个窗口的子窗口中查找需要使用FindWindowEX. 如果要搜索的外部程序的窗口标 ...
原生js触发oninput事件
var evt = document.createEvent('HTMLEvents')evt.initEvent('input', true, true)$("#tipinput" ...
javascript 模拟按键事件触发输入框oninput事件
记录下解决textarea 在js赋值后不生效的问题我要实现的是网页聊天框模拟输入一段话,然后js触发点击发送事件然而在使用js直接赋值之后,textarea并没有收到值 document.que ...

JavaScript 代码触发 oninput 事件的方法

JavaScript 代码触发 oninput 事件的方法相关推荐

最新文章

热门文章