Как скрыть кнопки удаления строк, столбцов таблицы если мышь покидает пределы таблицы снизу, справа ну и вверху слева в уголке?

Question

[Ярослав]

Можно ли это сделать проще (см. пример)? И можно ли обойтись без if else?

Мой пример (elem - обертка в которой находятся кнопки и таблица):

elem.onmousemove = function() {
var mainTbl = elem.querySelector('.tbl').getBoundingClientRect(),
DivRowDel = elem.querySelector('.row-del').getBoundingClientRect(),
DivColDel = elem.querySelector('.col-del').getBoundingClientRect();
if ((DivRowDel.bottom < event.clientY) || (DivRowDel.top > event.clientY)) {
elem.querySelector('.row-del').style.display = "none";
}
if ((DivColDel.left > event.clientX) || (DivColDel.right < event.clientX)) {
elem.querySelector('.col-del').style.display = "none";
}
if ((mainTbl.right < event.clientX) || (mainTbl.bottom < event.clientY)) {
elem.querySelector('.row-del').style.display = "none";
elem.querySelector('.col-del').style.display = "none";
}
}

Answer 1

[Medin K]

проще с css

Comments

[Ярослав]

мне нужно оставить кнопки удаления слева и над таблицей.