Question

我想创建一个整个div具有onclick功能的Highcharts图表，但我不希望导出按钮处理点击事件。它应该作为正常的导出按钮做出反应。

我已经尝试了一些jQuery技巧来避免它，通过获取Highcharts Buttons类：highcharts-button，但它不起作用：

jQuery("#container").on('click', ':not(.highcharts-button, .highcharts-button *)', function(e){
        e.stopPropagation();
        alert('CLICK');
    });

这是我的JSFiddle。（问题是：单击“导出”按钮时，我不想看到警报弹出。）

Answer 1

一种方法是过滤事件目标，例如：

jQuery("#container").on('click', function(e){      
    if ($(e.target).closest('.highcharts-button, .highcharts-contextmenu').length) return;
    e.stopPropagation();
    alert('CLICK');
});

-jsFiddle-

Answer 2

使用event.preventDefault()。在你的情况下e.preventDefault（）

jQuery("#container").on('click', ':not(.highcharts-button, .highcharts-button *)', function(e){
    e.preventDefault();
    alert('CLICK');
});

使div容器可单击，导出按钮除外

2 个答案:

-jsFiddle-