Question

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

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

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

这可能吗？

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

Answer 1

尝试使用mouseleave()事件

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

Answer 2

我的下拉列表中只有.toggle（）

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

，这是我点击下拉列表的时候。如果我点击页面上的其他地方，我就有了这个;

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

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

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

我的菜单放在母版页上。

下拉列表模糊事件

2 个答案: