Javascript 谷歌地图api:强制地图不处理信息框内的点击
在我的应用程序中,用户单击地图时创建标记。所以代码如下:Javascript 谷歌地图api:强制地图不处理信息框内的点击,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,在我的应用程序中,用户单击地图时创建标记。所以代码如下: function placeMarker(map, location) { var marker = new google.maps.Marker({ position: location, map: map //other... var infowindow = new google.maps.InfoWindow({ content: ballon.g
function placeMarker(map, location) {
var marker = new google.maps.Marker({
position: location,
map: map
//other...
var infowindow = new google.maps.InfoWindow({
content: ballon.get(0)
});
ballon.find("#delete-btn").click(function(){
infowindow.close();
$mapPreview.data("markers")[id].marker.setMap(null);
delete $this.data("markers")[id];
});
});
“#删除btn”
在信息窗口内
。问题是当用户点击“#删除btn”
时,他也会在地图上创建新的标记。我怎样才能避免这种情况
baloon.find("#delete-btn").click(function(e){
e.stopPropagation();
将事件变量传递给click函数(e)
,然后使用e.stopPropagation()
这将阻止事件在DOM中冒泡并被其他各种侦听器(如地图上的侦听器)拾取
将事件变量传递给click函数(e)
,然后使用e.stopPropagation()
这将阻止事件在DOM中冒泡并被其他各种侦听器(如地图上的侦听器)拾取。这在IE中也适用吗?我曾经做过不同的事情,一个是针对真正的浏览器,另一个是针对IE,比如:function(ev){try{ev.stopPropagation()}catch(e){event.cancelBubble=true};@Marcelo-是的,它在IE中可以工作。你实际上得到的是一个jQuery事件,而不是浏览器事件,jQuery规范化了
e.preventDefault()
/e.stopPropagation()
这在IE中也会起作用吗?我曾经做过不同的事情,一个用于真正的浏览器,另一个用于IE,比如:function(ev){try{ev.stopPropagation()}catch(e){event.cancelBubble=true};@Marcelo-是的,它在IE中也会起作用。实际上,你得到的是一个jQuery事件,而不是浏览器事件,jQuery规范化了e.preventDefault()
/e.stopPropagation()