10 examples of '$(document).on('click'' in JavaScript

61
function onClick() {
62
  const currentTarget =
63
    $navlist.find('.tabcordion_nav-item.is-active .tabcordion_nav-trigger')[0];
64
  if (currentTarget != $(this)[0]) {
65
    const eventData = { 'previousTarget': currentTarget, 'newTarget': $(this)[0] };
66
    const event = new CustomEvent('rb.tabcordion.tabChanged', { detail: eventData });
67
    $tabcordion[0].dispatchEvent(event);
68
  }
69
70
  setActiveAndInactive(this, $navlist);
71
}

121
$(document).on('click', 'a[data-trigger]', function click(evt) {
122
    trigger($(this).attr('data-trigger'));
123
});

389
export function click(this: HanabiCard) {
390
    // Define the clue log mouse handlers
391
    this.on('mousemove tap', () => {
392
        globals.elements.clueLog!.showMatches(this);
393
        globals.layers.get('UI')!.batchDraw();
394
    });
395
    this.on('mouseout', () => {
396
        globals.elements.clueLog!.showMatches(null);
397
        globals.layers.get('UI')!.batchDraw();
398
    });
399
400
    // Define the other mouse handlers
401
    this.on('click tap', HanabiCardClick);
402
    this.on('mousedown', HanabiCardClickSpeedrun);
403
    this.on('mousedown', (event: any) => {
404
        if (
405
            event.evt.which !== 1 // Dragging uses left click
406
            || !this.parent
407
            || !this.parent.draggable()
408
        ) {
409
            return;
410
        }
411
412
        // Hide any visible arrows on the rest of a hand when the card begins to be dragged
413
        if (!this.parent || !this.parent.parent) {
414
            return;
415
        }
416
        const hand = this.parent.parent;
417
        let hidden = false;
418
        for (const layoutChild of hand.children.toArray()) {
419
            const card = layoutChild.children[0];
420
            for (const arrow of globals.elements.arrows) {
421
                if (arrow.pointingTo === card) {
422
                    hidden = true;
423
                    arrows.hideAll();
424
                    break;
425
                }
426
            }
427
            if (hidden) {
428
                break;
429
            }
430
        }
431
432
        // Move this hand to the top
433
        // (otherwise, the card can appear under the play stacks / discard stacks)
434
        hand.moveToTop();
435
    });
436
}

181
function click(el) {
182
  // Simulate click on the element.
183
  var evt = document.createEvent('Event');
184
  evt.initEvent('click', true, true);
185
  el.dispatchEvent(evt);
186
}

31
function click(el) {
32
    var ev = document.createEvent("MouseEvent");
33
    ev.initMouseEvent( // set click params
34
        "click",
35
        true, true,
36
        window, null,
37
        0, 0, 0, 0,
38
        false, false, false, false,
39
        0, null
40
    );
41
    el.dispatchEvent(ev);
42
}

45
document.querySelector('button[name="select"]').addEventListener('click', function onClick(event) {
46
	chooser.click();
47
});

489
scenarioButton.addEventListener('click', function click() {
490
  toggleScenarioButton(this);
491
  scrollTo(this);
492
});

480
featureButton.addEventListener('click', function click() {
481
  toggleFunctionAccordion(this);
482
  toggleDisplayedFeature(this);
483
  scrollTo(this);
484
});

273
function click(e) {
274
  // Disable clicks if carousel was dragged.
275
  if (dragged) {
276
    e.preventDefault();
277
    e.stopPropagation();
278
    return false;
279
280
  } else if (!options.fullWidth) {
281
    var clickedIndex = $(e.target).closest('.carousel-item').index();
282
    var diff = (center % count) - clickedIndex;
283
284
    // Disable clicks if carousel was shifted by click
285
    if (diff !== 0) {
286
      e.preventDefault();
287
      e.stopPropagation();
288
    }
289
    cycleTo(clickedIndex);
290
  }
291
}

17
function click (e) {
18
  e.preventDefault()
19
  alert(message)
20
}