Я создаю выпадающий список тегов привязки (а не выбор):
<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()
работают только с элементами формы.
Попробуйте использовать mouseleave()
$( "ul" ).mouseleave(function() {
//console.log('similar to blur');
});
У меня есть только.toggle() для моего раскрывающегося списка
function DropDownMenu() {
var item1 = document.getElementById("dropdownmenu1");
$("#dropdownmenu1").toggle();
}
это когда я нажимаю на раскрывающийся список. Если я нажимаю на другом месте страницы, у меня есть это;
function BlurDropDown() {
$("#dropdownmenu1").fadeOut(1000);
}
И на моем div для остальной части страницы я установил событие onmousedown
<div id="page" onmousedown="BlurDropDown()">
Мое меню размещено на главной странице.
tabindex
дляul
.When a user selected the list