手动触发文本框 oninput 的方法

栏目: jQuery · 发布时间: 6年前

内容简介:最近接到一个 chrome 插件需求,需要自动填充文本框,再进行提交。看起来这个需求很简单,在实现过程中却发现了一个问题,通过 jQuery 填充了文本框,但提交的时候却并没有提交填充后的文本值。原因估计是文本框 MVVM 双向绑定了原网页的某个变量,jQuery 的

最近接到一个 chrome 插件需求,需要自动填充文本框,再进行提交。

看起来这个需求很简单,在实现过程中却发现了一个问题,通过 jQuery 填充了文本框,但提交的时候却并没有提交填充后的文本值。

原因估计是文本框 MVVM 双向绑定了原网页的某个变量,jQuery 的 DOM.val() 方法并没能触发 oninput 事件,导致提交的变量值并没有变更成功

最后,用原生代码手动触发一次input事件,问题迎刃而解

let evt = document.createEvent('HTMLEvents')
evt.initEvent('input', true, true)
$('#InputField').val('hello').get(0).dispatchEvent(evt)
若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏

打赏

手动触发文本框 oninput 的方法 手动触发文本框 oninput 的方法


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

51单片机应用从零开始

51单片机应用从零开始

杨欣、王玉凤、刘湘黔 / 清华大学 / 2008-1 / 39.80元

《51单片机应用与实践丛书•51单片机应用从零开始》在分析初学者认知规律的基础上,结合国内重点大学一线教师的教学经验以及借鉴国外经典教材的写作手法,对51单片机的应用基础知识进行系统而翔实的介绍。读者学习每一章之后,"实例点拨"环节除了可以巩固所学的内容外,还开辟了单片机应用的视野;再加上"器件介绍"环节,又充实了对单片机从基础到应用所需要的知识。8051单片机不仅是国内用得最多的单片机之一,同时......一起来看看 《51单片机应用从零开始》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具