javascript - dispatchEvent 返回 true 但在 Chrome 中不起作用

Question

有一些网页，我在下面输入代码不起作用。例如，我在 Bing（搜索引擎）的控制台中输入代码

var event;
event = document.createEvent('Event');
event.initEvent("keypress", true, true);
event.view = window;
event.keyCode = 13;
event.which = 13;
event.charCode = 13;
event.code = "Enter";
event.key = "Enter";
event.bubbles = true;

我已经在搜索栏中输入了一些文本，元素的 id 是“sb_form_q”，所以

var element = document.getElementById("sb_form_q");
element.dispatchEvent(event);

它会返回 true，但实际上什么也没发生。 我尝试了许多网络，有些工作，有些不工作，我不知道为什么。

2018/8/3 更新：

我知道为什么某些网页调度“Enter”事件不起作用，因为输入不是通过“Enter”键提交，而是通过提交或 onsubmit 事件。

Answer 1

请检查以下代码是否正常工作。

function MouseEvent(event) {
	var x = document.createEvent("MouseEvent");
	x.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

	document.getElementById("myDiv").dispatchEvent(x);
	console.log(document.getElementById("myDiv").dispatchEvent(x));
}

<div id="myDiv"></div>
<button onclick="MouseEvent(event)">Simulate click</button>

Answer 2

请在下面找到 Enter 关键字的示例。

window.onload = function(){
    var ev = document.createEvent('Events');
    ev.initEvent('keypress', true, true);
    ev.keyCode = 13;
    ev.which = 13;
    ev.charCode = 13;
    ev.key = 'Enter';
    ev.code = 'Enter';
    var eventReturns = document.querySelector('#input-event').dispatchEvent(ev);    
    var Inputvalue = document.getElementById('input-event').value;
    console.log({isdispatch: eventReturns, value: Inputvalue});	
}

<input type="text" id="input-event" value="Hello World" />