개발 Q&A

제목 탭키로 메인메뉴에서 서브메뉴로 이동 문제(explorer에서만 문제)
카테고리 PHP
글쓴이 정수리 작성시각 2016/12/21 11:04:53
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 14310   RSS

탭키로 메인메뉴에서 서브메뉴로 이동 문제(explorer에서만 문제)

탭키로 메인메메뉴로 이동했을 시 하단에  서브메뉴가 출력이 되는데 

여기서 탭키로 서브메뉴로 이동할려고 합니다. 

크롬,파이어폭스는 넘어가나 

유별나게 익스플로러에서 탭키로 메인메뉴에서 서브메뉴로 이동할려고 하면 이동이 안되네요 

일단 탭키의 포커스가 메인메뉴로 가게되면 하단에 서브메뉴가 출력이 되긴하나 여기서 탭키로 

서브메뉴로 넘어갈려고 하면 다시 메인메뉴로 포커스가 되돌아가버리네요;; 

다른 브라우저는 괜찮은데 유독 익스플로러만 그러네요 ㅜㅜ 

오늘 안까지 해결해야 되는데 아무리 봐도 모르겠습니다... 

현재 사이트의 경우 제가 만든 것이 아닌 제가 오기전에 계셨던 분이 만든거라 

아직사이트 파악을 못한 상태에서 손댈려고 하니 어렵네요 ㅜㅜ

 

<ul id="topnavi"  > <!--네비게이션-->
        <li class="menu" id="m01navi" >
        <a href='{{Domain}}menu_09_list.html' class="m_a1" title="AA안내">AA안내</a>
        <ul class="subnavi"> <!--하위메뉴-->
           <li id="tab_0"> 
                <a href="{{Domain}}menu_09_list.html" title="공지사항">공지사항</a>|<a href="{{Domain}}menu_07_info.html" title="문의사항">문의사항</a>|<a href="{{domain}}menu_11_map.html" title="오시는길">오시는길</a></li>
        </ul>
        </li>
        <li class="menu" id="m02navi">
        <a href='{{Domain}}menu_01_list.html' class="m_a2" title="AA계획">CC계획</a>
        <ul class="subnavi"> <!--하위메뉴-->
           <li> 
          <!-- DYNAMIC AREA 'orderListSubNaviSet' -->
                <a href="{{Domain}}menu_01_list.html" title="전체">전체</a>|<a href="menu_01_list.html?type=C사" title="C사">공사</a>|<a href="{{Domain}}menu_01_list.html?type=C역" title="용역">C역</a>|<a href="{{Domain}}menu_01_list.html?type=C품" title="C품">C품</a></li>
          <!-- DYNAMIC AREA 'orderListSubNaviSet' -->
        </ul>
        </li>
        <li class="menu" id="m03navi">
        <a href='{{Domain}}menu_02.html' class="m_a3" title="BB정보">BB정보</a>
        <ul class="subnavi"> <!--하위메뉴-->
          <li>
          <a href="{{Domain}}menu_02.html" title="BB공고">BB공고</a>|<a href="{{Domain}}menu_03.html" title="BB결과">BB결과</a></li>
        </ul>
        </li>
 
 

 

var timer=null; 
function ShowTab(){ 
 
 
if(timer!=null) { 
 clearTimeout(timer); 
    timer=null; 
  } 
 
  $(".subnavi").css("display", "none");
   
   //$(".menu > a").removeClass("ho");
   $(this).find("a").addClass("ho");
   $(this).find(".subnavi").css("display", "block");
   
 
} 
 
 function Close(){ 
   $(this).find(".subnavi").css("display", "none");
   $(this).find("a").removeClass("ho");
 }
 
 
 
 function frameBack(){  
  history.back(-1);
 }
 
 $(document).ready(function(){
   $(".menu").each(function(){
     $(this).bind("mouseenter", ShowTab);
     $(this).bind("mouseleave", Close);
      
         $(this).bind("keyup", ShowTab);
    // $(this).bind("focusout", ShowTab);
    //$(this).bind("focusout", ShowTab);
      
   });
 });

 

 다음글 .htaccess 파일을 이용해서 https로 redi... (2)
 이전글 이 자바스크립트 언어는 무엇인가요? (1)

댓글

일용직노동자 / 2016/12/29 16:09:42 / 추천 0

http://stackoverflow.com/a/13130/7250379

참고해보시기바랍니다. FF랑 IE에서는 탭키관련 이슈가 있네요

var myInput = document.getElementById("myInput");
    if(myInput.addEventListener ) {
        myInput.addEventListener('keydown',this.keyHandler,false);
    } else if(myInput.attachEvent ) {
        myInput.attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
    }

이게 IE관련 소스인 것 같네요.