在地图上连续点击两次

我正在收集来自infowindow的用户输入。在infowindow上，我有一个“保存”按钮来保存用户的输入。但是当我点击那个按钮时，我也点击了地图，它会让我的标记移动到其他地方。点击“保存”按钮后，我只需关闭infowindow即可。我不希望我的标记移动。下面的代码：在地图上连续点击两次

<body> 
<script> 
var infowindow, marker; 
function initialize() 
{ 
var myCenter = new google.maps.LatLng(10.771654, 106.698285); 
var mapProp = { 
center: myCenter, 
zoom: 14, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("googleMap"), 
    mapProp); 

    var html = "<div>Comment:<br/>" + 
      "<textarea id='text_map' cols='25' rows='4'></textarea>" + 
      "<input type='button' onclick='set_data()' value='Save'/>" + 
      "</div>"; 

    infowindow = new google.maps.InfoWindow({ 
     content: html 
    }); 

    marker = new google.maps.Marker({ 
    }); 

    google.maps.event.addListener(map, 'click', function(event)  
    {      
    var location = event.latLng;   
    marker.setPosition(location); 
    marker.setMap(map); 
     infowindow.open(map,marker);  

    }); 

    google.maps.event.addListener(marker, 'click', function() { 

     infowindow.open(map,marker);      
    }); 
} 

function set_data() 
{ 
    //do something      
    infowindow.close();      
} 
function loadScript() 
{ 
    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "http://maps.googleapis.com/maps/api" +  
    "/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize"; 
    document.body.appendChild(script); 
} 
window.onload = loadScript; 
</script> 
<div id="googleMap" style="width: 500px; height: 500px"></div> 

</body> 
</html>

奇怪的是我并没有对IE 9，但Firefox和Chrome这个问题。

编辑：

为了解决这个问题，我只需要停止事件传播。以下是我的工作方式：传递事件作为函数的参数set_data（）

onclick ='var event = arguments [0] || window.event; set_data（事件）”

在set_data添加这行代码：

e.stopPropagation（）;

感谢贝伦德的有用链接。

来源

2013-01-01 crazy_in_love

研究stopPropagation'如何'适用于JavaScript事件 – charlietfl

感谢您的帮助！ –

事件会冒泡或捕捉到dom树。唉，对我们来说，IE使用的不是Chrome和Firefox。请参阅http://www.quirksmode.org/js/events_order.html

如果不停止，则事件将继续在DOM树上向上或向下传播。这就是你所体验到的：点击事件是通过按钮，以及Chrome和Firefox中的地图来捕获的。由于IE使用不同的模式，IE9中不会发生这种情况。

要停止事件传播使用：

e.stopPropagation();

该解决方案还这里讨论 How to stop event propagation with inline onclick attribute?

来源

2013-01-01 15:49:53 Berend

非常感谢！我的问题解决了。 –

在地图上连续点击两次

回答

相关问题