javascript - Google Maps API Autocomplete 的 pac-container div 上的点击事件

Question

我试图阻止将点击事件传播到 Google Maps API Autocomplete 的动态创建的 pac-container div 中，但没有成功。已经有人问过类似的问题，但答案对我来说效果不佳。 google places api autocomplete - adding click event

该问题的解决方案表示，单击事件被自动完成取消，并改用 mousedown 事件。这在技术上对我有用，但要求我将文档事件从单击更改为鼠标按下，这是我不想做出的牺牲。

我研究了谷歌地图 API 事件，自动完成仅发出“place_changed”事件，因此没有帮助。我的代码用于停止在下面的 pac-container div 上传播。

var pacContainers = document.getElementsByClassName("pac-container");

angular.forEach(pacContainers, function(value, key) {

    // the click event is cancelled by the Autocomplete instance        
    angular.element(value).on('click', function($event) {

        $event.stopPropagation();

    });

});

Answer 1

由于您使用的是 Angular，因此您可以创建一个名为 pacContainer 的指令，并在链接或 Controller 中的元素的 forEach 中运行代码，它将在任何 pac-container 上将单击事件处理程序与 stopPropagation 绑定(bind)元素创建时的样子。