Как запретить действие за объектом(кнопкой)?

Question

[RobinBobinBarabek]

// //содал checkbox
function createBtnHoles() {
    var command = L.control.layers({ position: 'topright' });
    command.onAdd = function (map) {
        var div = L.DomUtil.create('div', 'hole');
        div.innerHTML = '<input id="hole" type="checkbox" onchange="onCheckChange()"/>Hole';
        return div;
    };
    command.addTo(map);
}
createBtnHoles();

function onCheckChange(e) {
    let inputValue = document.getElementById('hole');
    if (inputValue.checked) {
        console.log('onchange');

    }
    else {
        console.log('false')
    }
}

Нажимаю на чекбокс и за ним срабатывает событие клика на карту(ставится маркер), как исправить?

Comments

[RobinBobinBarabek]

вот правильное решение, на сам блок div повесил слушатель

//содал checkbox
function createBtnHoles(e) {
    var command = L.control.layers({ position: 'topright' });
    command.onAdd = function (map) {
        var div = L.DomUtil.create('div', 'hole');
        div.innerHTML = '<input id="hole" type="checkbox"/><label for="hole">Hole</label>';
        div.addEventListener('click', onCheckChange);
        return div;
    };
    command.addTo(map);
}
createBtnHoles();


function onCheckChange(e) {
    e.stopPropagation();
    var inputValue = document.getElementById('hole');
    if (inputValue.checked) {
        console.log('onchange');
    }
    else {
        console.log('false')
    }
}

Answer 1

[humoured]

e.stopPropagation()