Событие размытия выпадающего списка

0

Я создаю выпадающий список тегов привязки (а не выбор):

<ul>
  <li class="selected"><a href="#">List item 1</a></li>
  <li><a href="#">List item 2</a></li>
  <li><a href="#">List item 3</a></li>
  <li><a href="#">List item 4</a></li>
</ul>

Когда пользователь выбирает список, он запускает состояние фокусировки, которое показывает все элементы. Я также хочу, чтобы он размывался, когда пользователь щелкает мышью или выбирает элемент.

Это возможно?

Примечание: .blur() и .focus() работают только с элементами формы.

  • 1
    onblur и onfocus запускаются и другими элементами, просто установите tabindex для ul .
  • 0
    Что вы имеете в виду, When a user selected the list
Показать ещё 1 комментарий
Теги:
focus
drop-down-menu
blur

2 ответа

1

Попробуйте использовать mouseleave()

$( "ul" ).mouseleave(function() {
     //console.log('similar to blur');
});
0

У меня есть только.toggle() для моего раскрывающегося списка

function DropDownMenu() {
  var item1 = document.getElementById("dropdownmenu1");
     $("#dropdownmenu1").toggle();
 }

это когда я нажимаю на раскрывающийся список. Если я нажимаю на другом месте страницы, у меня есть это;

function BlurDropDown() {
    $("#dropdownmenu1").fadeOut(1000);
}

И на моем div для остальной части страницы я установил событие onmousedown

    <div id="page" onmousedown="BlurDropDown()">

Мое меню размещено на главной странице.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню