Как сделать, чтобы DIV не перехватывал onclick() в BUTTON?

Question

[derasoft]

У меня есть <div>, который я использую в качестве окна. В этом окне есть кнопка, которое закрывает это окно.
Я задаю функции в нём следующим образом (that это div-окно):

that.close_bt = that.querySelector('button');
		that.close_bt.id = this.list.length-1; //здесь  я указываю кнопке, какое именно окно она должна закрывать
		that.close_bt.onclick = function() {
			win_con.list[this.id].remove();
		}
		that.eventAnchor = 'window';
		that.onmousedown = dragndrop;

То есть, окно должно перетаскиваться, а при нажатии на кнопку - закрываться. Однако, правильно это работает только в Firefox, в остальных браузерах dragndrop берёт приоритет над функцией кнопки (если не задавать окну dragndrop, то окно закрывается как и должно). Как мне остановить перехват функции кнопки функцией окна?

Comments

[Kentavr16]

event.stopPropagation() в коде кнопки пробовали?

[derasoft]

Kentavr16, попробовал, ничего не поменялось

that.close_bt.onclick = function(event) {
	event.stopPropagation();
	win_con.list[this.id].remove();
}

[szQocks]

derasoft, mousedown быстрее отрабатывает, чем onclick

может как-то так ?

that.close_bt = that.querySelector('button');
    that.close_bt.id = this.list.length-1; //здесь  я указываю кнопке, какое именно окно она должна закрывать
    that.close_bt.onmousedown = function() {
      win_con.list[this.id].remove();
    }
    that.eventAnchor = 'window';
    that.onmouseup = dragndrop;

или так

that.close_bt = that.querySelector('button');
    that.close_bt.id = this.list.length-1; //здесь  я указываю кнопке, какое именно окно она должна закрывать
    that.close_bt.onclick= function() {
      win_con.list[this.id].remove();
      dragndrop() // setTimeout(dragndrop)
    }

Answer 1

[derasoft]

Спасибо пользователям szQocks и Kentavr16 за наводку!
Видимо, дело было в том, что onclick обрабатывается после mousedown, И всплытии одновременно. В общем, если поставить оба события как mousedown, и уже вместе с этим изменением поставить в кнопку
event.stopPropagation(), код будет работать как надо.

that.close_bt.onmousedown = function(event) {
	event.stopPropagation();
	win_con.list[this.id].remove();
}
that.onmousedown = dragndrop;