javascript - 如何知道JavaScript中的按钮是否被点击？

Question

我需要知道是否有在 map 上绘制点的按钮...

https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d

被点击。

我尝试使用这个 Javascript 代码..

var editButton = document.getElementsByClassName('mapbox-gl-draw_ctrl-draw-btn mapbox-gl-draw_point'); // grab a reference to your element
editButton.onclick = function(){
        alert("Clicked!");
    }

...但没有任何反应(没有错误...)。

如果我尝试在 Chrome 控制台中检查 editButton 变量值，我可以看到它是一个 HTMLCollection[1]，所以不为空...

建议/示例/替代方案？

Answer 1

document.getElementsByClassName 返回一个集合。您需要为实际元素设置点击处理程序。

var elements = document.getElementsByClassName('mapbox-gl-draw_ctrl-draw-btn mapbox-gl-draw_point');
var editButton = elements[0];