如何将处理程序添加到dom元素

Question

$(document).ready(function(){

    var ColorBars = document.getElementsByClassName("color-bar");
    var number = 0;

    ColorBars[0].onclick = hideLine(0);


    function hideLine(index){

        var charts = $("#line-container").highcharts();
        var series = charts.series[index];

        if(series.visible){
            series.hide();
        } else {
            series.show();
        }                        
    }
});

如果我拿出hideLine（索引）并且只添加

 ColorBars[0].onclick = hideLine

然后它正在执行。

我试图通过他们的类名获取所有元素，当用户点击任何颜色条时，我想知道用户点击了哪个颜色条并在高图中关闭该图表行。

Answer 1

ColorBars[0].onclick = hideLine(0);你应该分配处理程序而不是直接调用它

使用：

ColorBars[0].onclick = function(){
   hideLine(0);
};