2013-03-05 3 views
0

모두!위/아래 버튼을 눌러 초점을 변경하십시오.

은 내가 여러 필드를 채우기이 목록의 기록의 마우스 클릭에 그래서, 지금

<style> 
    #DistrictStyle li:hover { background-color: rgb(129,171,242);} 
</style> 
<div id="DistrictList" style= "display: none; 
             z-index: 500; 
             list-style-type: none; 
             border: 1px solid rgb(129,171,242); 
             background-color: white; 
             max-height:150px; 
             overflow-y:scroll; position:absolute; 
             left: 208px; top: 135px; "><ul id="DistrictStyle"></ul></div> 

예를

를 들어, DIV 태그를했습니다. 그리고 목록을 통해 위/아래 버튼으로 이동해야합니다.

<li onclick='fill_distr(" + x + ");'>" + "</li>"; 

어떻게하면됩니까? 순수 JS 만 사용하거나 jQuery를 사용해야합니까? 나는 마우스 포커스 이벤트를 잡아서 "엔터"를 눌러야한다고 생각한다. 미리 감사드립니다.

+0

무엇의 초점을 변경? 그것은 어떻게 집중합니까? 메뉴를 만들려면 li 요소 안에 앵커가 있어야합니다. – epascarello

+0

"위/아래 탐색"이란 무엇을 의미합니까? 요소를 집중 시키거나 표시하는 것에 대해 이야기하고 있습니까? 또는 다른 것? –

답변

0

두 가지 방법이 있습니다. JQuery를 사용하면 쉽게 이벤트를 처리 할 수 ​​있습니다. 모든 기능에 대해 documentation을 확인하십시오.

참고 : HTML5를 사용하면 확실하지만, 당신이 스타일이 HTML 요소의 속성 사용하지 않아야하는 경우가 .. 만약 그냥 :)

편집 말을하지 : 그냥 올바른 방향을 가리 키도록. event.which 당신을 위해해야합니다 :

관련 문제