通过Javascript发送键盘输入不会触发表单提交

Question

我正在尝试将一些jQuery脚本插入到具有关键字搜索的网站中。例如，当我将以下代码插入amazon.com以设置关键字，并通过jQuery发送回车键时，表单不会提交。是什么阻止了表单的提交？和实际按下键盘上的回车键有什么不同？

var $searchbox = $('#twotabsearchtextbox');// this is search box element
$searchbox.keypress(function(event){
if ((event.keyCode) == 13) {
alert('keypress triggered');
}
});
$searchbox.val('test keyword');
var e = $.Event('keypress', {which: 13, keyCode: 13, charCode: 13});
$searchbox.trigger(e);

Answer 1

我希望这能帮助到你。

var $searchbox = $('#twotabsearchtextbox');// this is search box element
$searchbox.val('test keyword');
$searchbox.keypress(function(event){
if ((event.keyCode) == 13) {
alert('keypress triggered');
}
});
$("button").click(function(){
var e = $.Event('keypress', {which: 13, keyCode: 13, charCode: 13});
$searchbox.trigger(e);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="twotabsearchtextbox"/>
<button>Trigger the select event for the input field</button>