如何知道是否在javascript中点击了一个按钮？

Question

我需要知道按钮是否在此地图上绘制点...

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];