Форма в модальном окне

Рейтинг: 0Ответов: 3Опубликовано: 03.02.2015

Здравствуйте.

На странице есть модальное окно, которое содержит форму, а всю оставшуюся часть страницы затемняет. Нужно, чтобы при нажатии на тень форма скрывалась, но у меня форма скрывается даже при нажатии на дочерние элементы <input>, хотя такого не должно быть

пример http://jsfiddle.net/qf6dywkx/

css javascript html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Я бы сделал так:

Делаем родительский div для формы и вызываем stopPropagation()

Пример

▲ 1

Решение

Всё очень просто: когда вы кликаете на элемент, он "баблится" на верхний кэтчер. Чтобы избежать - достаточно сверить в методе целевой элемент, и кликнутый.

function(event){
  if(event.target == event.currentTarget){
    toggleShaddow();
  }
}

И исправил за Вас названия методов и элементов. Так правильнее.

▲ 0

Я бы сделал отдельно затенение и поверх него уже div с данными.