드롭 다운 목록 흐림 이벤트

Question

나는 앵커 태그의 드롭 다운 목록 (A 선택되지 않음)를 구축하고는 : 사용자가 목록을 선택하면

<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()는 폼 요소와 함께 작동합니다. 내가 드롭 다운을 클릭하면 내 드롭 다운

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

에 대한

Answer 1

시도하여 mouseleave() 이벤트 내가 가진

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

Answer 2

단지 .toggle()이다. 페이지의 다른 부분을 클릭하면이 페이지가 나타납니다.

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

그리고 페이지의 나머지 부분에 대한 내 사업부에

, 나는

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

내 메뉴는 마스터 페이지에 배치되는하면 onMouseDown 이벤트를 설정했습니다.