JavaScript 中的 click() 方法不适用于谷歌地图中的搜索

Question

我在检查器中键入了以下代码：

$('.tactile-searchbox-input').value = 'byu store'
$('.searchbox-searchbutton').click()

它可以把"byu商店"放进谷歌地图搜索栏，但没有成功点击提交按钮。

Answer 1

通过ID:获取

$('#searchbox-searchbutton').click()

Answer 2

click事件不会正确触发谷歌地图搜索功能，除非keyup事件已经发生。因此，我们可以在更新值后手动触发keyup事件。

$('#searchboxinput').value = 'byu store';
$('#searchboxinput').dispatchEvent(new MouseEvent('keyup'));
$('#searchbox-searchbutton').click();