Как исключить клик по кнопке?

Question

[leni_m]

есть кнопка css:
position: relative;
и крестик который её закрывает css:

position: absolute;
    right: 0;
    top: 0;

через js убираю кнопку по клику на крестик, но срабатывает клик по кнопке тоже.
js:

$('body').on('click', '#кнопка' ,function () {
        ...
    });
$('body').on('click', '#крестик', function () {
        $('#кнопка').remove();
    })

Как при клике на крестик исключить клик по кнопке?

Answer 1

[Алексей Скляров]

Передайте в качестве аргумента функции event и допишите: event.preventDefault();

Comments

[leni_m]

у кнопки нет действия по умолчанию, все её действия написаны в js скрипте

[Владимир]

Коллега вероятно имел в виду event.stopPropagation()

Answer 2

[Максим Тимофеев]

Можно делать кнопку disabled по событию mouseenter над крестиком

Comments

[leni_m]

у меня кнопка оформлена тегом span, с ним тоже можно так сделать?

[Максим Тимофеев]

leni_m: нет, но ему можно менять data атрибут и соответственно проверять его при клике.
Хотя может быть стоит не делать крестик кнопкой? Иметь 1 кнопку, 1 клик и у же в событии смотреть координаты клика и запускать 2 разные логики.

Answer 3

[Николай]

$('body').on('click', '#close', function (e) {
  e.stopPropagation();
  $('#button').remove();
})