单击后停止事件处理程序的运行

Question

我正在编写一些 JavaScript 代码来执行超链接跟踪。基本上，如果您点击一个链接，它会触发对另一个系统的跟踪。

但是，我只想在第一次点击时触发跟踪。
目前，我的事件处理程序会在每次点击时触发，我只希望它触发一次。

通过下面的代码，我使用的是while loop。这适用于第一个链接，但这意味着当我单击其他链接时，我的事件处理程序不会触发......所以它完全停止运行。

不确定处理此问题的最佳方法。

我正在使用event.target 在链接上从 aria-controls 的值中获取一个数字。只是为了解释我在下面做什么：

   var apples         = object.apples; 
   var click          = 0;

    function sendTrackingData(event) {
        if (event.domEvent.target.hasAttribute("aria-controls")) {

            // Grab the value of aria-controls attibute
            var buttonAriaControlValue = event.domEvent.target.attributes["aria-controls"].value;


            //Only send report on the first click click
            while (buttonAriaControlValue && click < 2) {
                click++;

                //Take the last number of the value
                var number = buttonAriaControlValue.charAt(buttonAriaControlValue.length-1);

                var integer = parseInt(number);
                var final = integer + 1

                reportingService.sendReport({}, 'ClickReport', 'The value is: ' + final + ' of ' + apples);
        }
    }
}

fruitLinks.onDOMEvent('click', sendTrackingData);

Answer 1

如果您希望每个链接都可单击一次，则不能使用全局变量（单击）。

这里是一个简单的方法，你只需要改变两行注释

function sendTrackingData(event) {
    let target = event.domEvent.target;

    if ( target.attributes['stopTrack'] ) return;
    target.attributes['stopTrack'] = Date.now();

    //let trackValue = 343; // Take it from some target.attritues
    //let type = 'apple'; // Take it from some target.attritues
    reportingService.sendReport({}, 'ClickReport', 'The value is: ' + trackValue + ' of ' + type);
}

fruitLinks.onDOMEvent('click', sendTrackingData);