下拉列表模糊事件答案

【问题标题】：Dropdown list blur event下拉列表模糊事件
【发布时间】：2015-12-04 00:35:31
【问题描述】：

我正在构建一个锚标记的下拉列表（不是选择）：

<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>

当用户选择列表时，它会触发 focus 状态，显示所有项目。当用户单击 ul 或选择一个项目时，我还希望它模糊。

这可能吗？

注意：.blur() 和 .focus() 仅适用于表单元素。

【问题讨论】：

onblur 和 onfocus 也由其他元素触发，只需将 tabindex 设置为 ul。
When a user selected the list是什么意思
对不起。我的意思是，使用鼠标，用户单击第一个项目，然后显示其他项目。

标签： javascript html drop-down-menu focus blur

【解决方案1】：

尝试使用mouseleave() 事件

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

【讨论】：

【解决方案2】：

我的下拉菜单只有 .toggle()

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

，这是我点击下拉菜单的时候。如果我点击页面上的其他地方，我有这个；

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

在页面其余部分的 div 上，我设置了 onmousedown 事件

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

我的菜单放在母版页上。

【讨论】：