2014-09-21 4 views
0

유혹 할 때 제거하는 방법 내가 부트 스트랩 3 사용하고 내가 pageload에 jQuery를 통해 초점을 설정하는 다음과 같이 보이는 표준 입력 필드가 입력 초점을 다시 설정합니다jQuery를 : 다른 요소

내 입력 :<input type="text" class="form-control" id="searchTerm" />

내 jQuery를 :$('#searchTerm').focus();

같은 페이지에서 나는 부트 스트랩 네비게이션 바 있고 네비게이션 바에서 탐색 +를 떠날 때 초점을 재-설정할 때 위의 포커스를 제거하고 싶습니다 navbar. 그 이유는 깜박이는 커서가 내 탐색 바 드롭 다운과 겹쳐서 드롭 다운 배경에 표시되기 때문입니다.

내 Navbar의 :

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header margin-right-30"> 
      // ... 

난 당신이 클래스 "navbar"에 사용하여 초점/흐림 이벤트를 할 수 있지만, 이것을 실현하는 방법을하면 내가 확실하지 않았다 같아요.

누군가가 올바르게 수행하는 방법을 알려 줄 수 있습니까?

미리 감사드립니다. Tim.

답변

2

아마도 jQuery의 .hover().focus() 방법을 사용하고 싶을 것입니다 (링크 된 문서). .hover() 메서드는 이벤트가 발생할 때 호출되는 함수 인 콜백 인수를 사용합니다. 그러나 .focus 메서드는 콜백 메서드를 사용할 수 있지만 포커스를 단순히 점 왼쪽의 요소로 변경하기 위해 인수없이 호출 할 수 있습니다. 예를 들어

다음과 같은 것을 수행 할 수 있습니다 :

$('#navBar').hover(function(){ 
    this.focus(); 
}); 
+0

덕분에 많은 -이 작품! – user2571510