html - OpenLayer.Popup.FramedCloud 中无响应的 onclick 事件

Question

我正在使用 OpenLayer(JavaScript 映射库)中的 OpenLayer.Popup.FramedCloud。在弹出构造函数中有一个名为 contentHTML 的参数。我把带有 onlick 事件的 html 按钮放在那里:

contentHTML = "<button type='button' onclick='alert()'>Hello</button>";

由于某种原因，按钮没有响应点击。为什么？有解决办法吗？

可能是因为网页是在Winform WebBrowser中上传的？我注意到，当我使用常规浏览器(chrome)上传页面时，一切正常但不是在 Winform WebBrowser 中。

完整的弹出对象:

        var lonlat = new OpenLayers.LonLat(lon, lat);
        var size = new OpenLayers.Size(300,200)
        var htmlString = "<button type='button' onclick='alert()'>Hello</button>";
    popup = new OpenLayers.Popup.FramedCloud("popup", 
                                              lonlat, 
                                              size, 
                                              htmlString,                 
                                              anchor=null,   
                                              closeButtonX =false);         
        popup.id = callId;
        g_waze_map.map.addPopup(popup);

非常感谢。

Answer 1

好吧，我正在开发和使用 OpenLayers.Popup.FramedCloud 并且工作正常(即使使用您的 contentHTML)。这是我的代码:

// i.e. x = 100, y = 300;

var popup = new OpenLayers.Popup.FramedCloud(
    "getfeature",
    map.getLonLatFromPixel(new OpenLayers.Pixel(x,y)),
    new OpenLayers.Size(300,200),
    "<button type='button' onclick='alert()'>Hello</button>",
    null,
    true
);
popup.autoSize = false;
map.addPopup(popup);

弹出窗口自动打开并显示按钮。当我点击它时，会显示一 strip 有文本“未定义”的警报。