Как отправлять событие onclick только один раз?

Question

[Евгений]

Здравствуйте!

Создал события для Яндекс.Метрики. Проблема в том, что цель достигается всякие раз, когда был клик по div. Нужно чтобы засчитывался только первый клик для каждого уникального пользователя (или сеанса). События посылаю так:

onclick="startCalculatorYandex();startCalculatorGoogle()"

<script>
          function newOrderYandex() {
            yaCounter345345345.reachGoal('newOrder');
            return false;
          };
          function startCalculatorYandex() {
            yaCounter345345345.reachGoal('startCalculator');
            return false;
          };
          function newOrderGoogle() {
            gtag('event', 'New order', {'event_category': 'button', 'event_action': 'neworder'});
          };
          function startCalculatorGoogle() {
            gtag('event', 'Start Calculator', {'event_category': 'button', 'event_action': 'startcalculator'});
          };
        </script>

Подскажите, пожалуйста)

Answer 1

[MaximMRX]

Ну как вариант можно создать глобальную переменную. (не очень хороший вариант)
Если используете jQ, есть обработчик .one()

$('#foo').one('click', function(){
  alert('Вы нажали на элемент "foo"');
});

И вообще конечно плохой тон вешать обработчики через (onclick) прям в HTML.

Comments

[Евгений]

Спасибо, это то, что решает задачу.

Answer 2

[Владимир Проскурин]

Сохраняете состояние клика в localStorage и при клике проверяете

Answer 3

[Сергей Соколов]

Слушатель события клика вешать из JS, оттуда же снимать при первом же клике:

function onOrderClick() {
  this.removeEventListener('click', onOrderClick);
  startCalculatorYandex();
  startCalculatorGoogle();
}

document.getElementById('tot-samy-div-id').addEventListener('click', onOrderClick);

Comments

[Владимир]

+ автору
Использование addEventListener вместо атрибута onclick делает код более читаемым и позволяет вешать несколько обработчиков на один элемент.