Javascript 无法捕获IE7中的mouseup事件_Javascript_Internet Explorer_Google Maps

Javascript 无法捕获IE7中的mouseup事件

javascript internet-explorer google-maps

Javascript 无法捕获IE7中的mouseup事件,javascript,internet-explorer,google-maps,Javascript,Internet Explorer,Google Maps,我在做一个项目，我需要将一个谷歌地图标记拖到某个dom元素上（例如代码中的一个img），当我释放鼠标时，我需要触发一个函数我是这样做的： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { h

我在做一个项目，我需要将一个谷歌地图标记拖到某个dom元素上（例如代码中的一个img），当我释放鼠标时，我需要触发一个函数

我是这样做的：

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        html { height: 100% }body { height: 100%; margin: 0; padding: 0 }#map-canvas
        { height: 100% }
    </style>
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
    </script>
    <script type="text/javascript">
        var map;
        var tempMarker;
        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(35.861660, 104.1953970),
                zoom: 4,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
            addMarkers();
        }
        function addMarkers() {
            var marker0 = new google.maps.Marker({
                position: new google.maps.LatLng(32.04, 118.78),
                map: map,
                draggable: true,
                raiseOnDrag: false
            });
            google.maps.event.addListener(marker0, 'dragstart',
            function(event) {
                tempMarker = this.getPosition();
                var addToPlan = "<div style='width: 130px; height: 38px;position: absolute;right: 50px;bottom: 50px;' id='addToPlan' ><img id='add_img' src='http://www.w3schools.com/html/img_w3slogo.gif' /></div>";
                $(document.body).append(addToPlan);
                $('#add_img').mouseup(function() {
                    alert('mouseup');
                });
            });
            google.maps.event.addListener(marker0, 'dragend',
            function(event) {
                this.setPosition(tempMarker);
                // $('#addToPlan').remove();
            });
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body>
    <div id="map-canvas" />
</body>

</html>


html{height:100%}正文{height:100%；边距：0；填充：0}地图画布
{高度：100%}
var映射；
变温标记；
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（35.861660104.1953970），
缩放：4，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“地图画布”），mapOptions）；
添加标记（）；
}
函数addMarkers（）{
var marker0=新的google.maps.Marker({
位置：新google.maps.LatLng（32.04118.78），
地图：地图，
真的，
理由：错误
});
google.maps.event.addListener（marker0，'dragstart'，
功能（事件）{
tempMarker=this.getPosition（）；
var addToPlan=“”；
$（document.body）.append（addToPlan）；
$（'#add_img'）.mouseup（函数（）{
警惕（“鼠标悬停”）；
});
});
google.maps.event.addListener（marker0，'dragend'，
功能（事件）{
此设置位置（临时标记）；
//$（'#addToPlan'）。删除（）；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

不幸的是，它在IE7上不起作用。如果您将标记拖到图片上，它不会触发该功能，但是，如果您直接单击图片，则可以捕获鼠标悬停事件

注意：当拖动结束时，我没有删除img元素，因此您可以直接单击img，但是，如果您拖动标记两次，它就无法捕获mouseup事件。

通过
mouseup
无法触发，
mousemove
的行为就像

mouseup只是一个快速注释。首先，您缺少
在您的警报（'mouseup'）
的末尾。第二，根据JSHint
的提示，，
在raiseOnDrag:false结尾处的，
是不必要的，这将破坏IE的旧版本。谢谢你的提醒。我已经更正了错误，但是，没有任何更改。。。