За последние 24 часа нас посетили 18715 программистов и 1656 роботов. Сейчас ищут 1453 программиста ...

Убрать DIV при клике по пустому месту

Тема в разделе "JavaScript и AJAX", создана пользователем faerkot, 4 мар 2017.

  1. faerkot

    faerkot Активный пользователь

    С нами с:
    24 май 2016
    Сообщения:
    18
    Симпатии:
    1
    Адрес:
    Иркутск
    Делаю выдвигающееся слева меню для мобильной версии. Погуглил в интернете, посмотрел примеры, в общем сделал. Выдвигаться оно выдвигается, но я не знаю, как сделать, чтобы оно обратно задвигалось.
    Например: Пользователь нажал нужную кнопку и меню выдвинулось, а через секунду пользователь передумал что-то нажимать в этом меню и решил закрыть это меню.
    Я хочу сделать, чтобы при клике ВНЕ этого меню оно задвигалось обратно. Ну, нажал в пустую область и оно исчезло.
    Как это реализовать?
    Ссылка на файл с кодом (он небольшой)
    http://dropmefiles.com/qkyUz
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    лучше на jsfiddler выкладывать код

    просто добавь событие на body например, и при его вызове, смотри если меню открыто, то закрой его, ещё можно mouseover у меню смотреть, когда мышка покинуло меню и в этом случаи тоже можно его закрывать
     
  3. faerkot

    faerkot Активный пользователь

    С нами с:
    24 май 2016
    Сообщения:
    18
    Симпатии:
    1
    Адрес:
    Иркутск
    Я в JS второй день :) Мне добавить событие - это изучать всё(( Можно пример?
    У андроидов, вроде нет, мышки) Мобильная ж версия)
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    там tap будет в пустом месте, посчитает за mouse out возможно

    https://learn.javascript.ru/introduction-browser-events
     
  5. faerkot

    faerkot Активный пользователь

    С нами с:
    24 май 2016
    Сообщения:
    18
    Симпатии:
    1
    Адрес:
    Иркутск
    Врятле на body получится повесить т.к в меню будут ссылки и если игрок будет на них нажимать, то будет срабатывать эта функция и вместо перехода по ссылке будет менюшка закрываться...