我曾经使用以下代码来捕获用户的 Enter 键事件,如果用户没有选择其中任何一个(即没有标记为 pac 的 pac-item),则自动从自动完成结果(pac-items)中选择第一个结果- 项目选择)。
var input = document.getElementById('pac-input')
var autocomplete = new google.maps.places.Autocomplete(input)
google.maps.event.addDomListener(input, 'keypress', function(e) {
if (e.keyCode===13 && !e.triggered) {
var suggestion_selected = document.querySelectorAll('.pac-item-selected').length > 0
if (!isLatLngInInputBox && !suggestion_selected) {
google.maps.event.trigger(this,'keydown',{keyCode:40})
google.maps.event.trigger(this,'keydown',{keyCode:13,triggered:true})
}
}
})
但是,从 Google Maps JavaScript API v3.35 开始,我会收到如下错误Uncaught TypeError: a.stopPropagation is not a function
提出的线google.maps.event.trigger(this,'keydown',{keyCode:40})
.
结果我检查了文档,发现google.maps.event的触发方法发生了变化。第三个参数现在表示为 eventArgs 而不是 var_args。
我试图弄清楚如何适应它并修改了代码,例如:
google.maps.event.addDomListener(input, 'keypress', function(e) {
console.log(e.key)
if (e.key==="Enter" && !e.triggered) {
var suggestion_selected = document.querySelectorAll('.pac-item-selected').length > 0
if (!isLatLngInInputBox && !suggestion_selected) {
google.maps.event.trigger(this,'keydown',{key:"ArrowDown"})
google.maps.event.trigger(this,'keydown',{key:"Enter",triggered:true})
}
}
})
虽然可以完美捕获 Enter 键,但 ArrowDown 键却无法按预期工作。
事实上,我可以捕获 ArrowDown 键console.log(e.key)
,但实际上什么也没发生。还,console.log(e.key)
当我按下键盘上的 ArrowDown 键时,没有捕捉到任何内容,这让我很困惑。
有人遇到类似的问题吗?感谢您的任何建议!