Forms 谷歌地图干扰Safari中的按钮事件_Forms_Google Maps_Submit_Safari

Forms 谷歌地图干扰Safari中的按钮事件

forms google-maps safari

Forms 谷歌地图干扰Safari中的按钮事件,forms,google-maps,submit,safari,Forms,Google Maps,Submit,Safari,如果在下面的测试代码中按“上载文件”，按钮文本应更改为“上载…”，尽管在Safari中没有。选择一个足够大的文件应该给你足够的时间来观察按钮。注释掉mapdiv，一切正常这是独立的测试代码，花了半天时间才发现地图可能是原因，但我需要深入挖掘。有趣的是，当将相同的代码复制到JSFIDLE时，它不会复制错误，因此您需要创建自己的html文件 <!DOCTYPE html> <html> <head> <title>Google Map interfe

如果在下面的测试代码中按“上载文件”，按钮文本应更改为“上载…”，尽管在Safari中没有。选择一个足够大的文件应该给你足够的时间来观察按钮。注释掉mapdiv，一切正常

这是独立的测试代码，花了半天时间才发现地图可能是原因，但我需要深入挖掘。有趣的是，当将相同的代码复制到JSFIDLE时，它不会复制错误，因此您需要创建自己的html文件

<!DOCTYPE html>
<html>
<head>
<title>Google Map interfering with button event in Safari</title>
<meta charset="utf-8">
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var map;
function init() {
  var options = {
    zoom: 8,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map'), options);
}

google.maps.event.addDomListener(window, 'load', init);
</script>
</head>
<body>
<form action="http://localhost" method="POST" enctype="multipart/form-data">
    <!--comment map to see correct button behaviour in Safari-->
    <div id="map" style="width:300px;height:300px"></div>

    <p><small>Very large file please:</small> <input type="file" name="big"></p>
    <button onclick="this.innerHTML='Uploading...'">Upload your file</button>
</form>
</body>
</html>


谷歌地图干扰Safari中的按钮事件
var映射；
函数init（）{
变量选项={
缩放：8，
中心：新google.maps.LatLng（0,0），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map'），选项）；
}
google.maps.event.addDomListener（窗口'load'，init）；
非常大的文件请：
上传你的文件

以前也有类似的问题，但没有解决办法。

有人在Safari中重现了buggy按钮的行为吗？在这里提交了关于GMaps API问题的问题。如果您遇到类似的困难，请随时启动它。