js模拟键盘给input框输入值，并触发回车事件

参考：https://segmentfault.com/a/1190000020892430

使用js模拟用户输入数据，改变input的value值，在提交的时候无效果，在一番寻找下，原来就因为没有触发绑定的input事件，使用原生js代码完美解决

let t=document.getElementsByClassName('c_l_area c_a_n')[0];
let evt = document.createEvent('HTMLEvents');
evt.initEvent('input', true, true);
t.value='setValue';
t.dispatchEvent(evt)

 

仅模拟回车事件，参考:https://juejin.im/post/6844904128305430541

未生效方法：https://blog.csdn.net/sbin456/article/details/78901400

参考：

var evt = $.Event('keydown', {keyCode: 13});
$(document).trigger(evt);

正确做法

// 设置发送信息
var inpEle = window.frames['chat'].document.getElementById('_MEIQIA_INPUT')
// inpEle.value = '测试信息'  //仅仅是模拟回车，则不需要这样，这样给input框设置值也是不生效的，正确给input设置值的方式参考上面的
// 模拟回车
var event = document.createEvent('Event')
event.initEvent('keydown', true, false)   //注意这块触发的是keydown事件，在awx的ui源码中bind监控的是keypress事件，所以这块要改成keypress
event = Object.assign(event, {
  ctrlKey: false,
  metaKey: false,
  altKey: false,
  which: 13,
  keyCode: 13,
  key: 'Enter',
  code: 'Enter'
})
inpEle.focus()
inpEle.dispatchEvent(event)

　　

https://www.cnblogs.com/gisblogs/p/5821665.html 这篇文章验证了也未生效