На данный вопрос уже ответили:
На странице есть кнопка, при клике на которую всплывает блок div
function viewDiv(){
document.getElementById("div1").style.display = "block";
};
Как сделать так, чтобы при клике вне блока, от снова скрывался? И еще он почему-то появляется не по центру экрана, а где-то в углу, как это поправить?
Суть в том чтобы проверить элемент на котором нажали, если он не внутри окна и не является самим окном, то спрятать окно. Если нужна поддержка IE 11, то могу заменить, но будет больше кода.
let btn = document.querySelector('button')
let element = document.querySelector('.div1')
// кнопка
btn.addEventListener('click', ({ target }) => {
element.style.display = 'block'
})
// клик вне модалки и кнопки
document.addEventListener('click', outsideClickListener)
function outsideClickListener ({ target }) {
if (!element.contains(target) && target !== btn)
element.style.display = 'none'
}
.div1 {
background: yellow;
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
display: none;
}
<button>Показать</button>
<div class="div1"></div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Появилась нужда сделать список с колонками, чтобы их размер можно было регулироватьТакие списки используются везде, но оказалось что, не все...
помогите реализовать, или посоветуйте вектор направления, я новичок в этом делеСуть такова, читается excel файл, обрабатывается, и создаётся...
Я понимаю что типы разные не только по самому типу, диапазону, но и по их размеру, но есть ли безопасный способ привести тип short к типу byte? Это...