如何將處理程序添加到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（index）並僅添加

 ColorBars[0].onclick = hideLine

然后它正在執行。

我正在嘗試通過類名稱獲取所有元素，並且當用戶單擊任何顏色條時，我想知道用戶單擊了哪個顏色條並在高圖表中關閉該圖表線。

Answer 1

ColorBars[0].onclick = hideLine(0); 您應該分配處理程序而不直接調用它

采用 ：

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