Javascript 포커스 메서드가 목록 요소에 초점을 맞추지 못했습니다.

Question

페이지가로드 될 때 다음 요소에 집중하려고합니다.

<li class="active"><a href="#settings-tab" role="tab" data-toggle="tab" id="report- 
    settings">Report Settings</a></li> 

다른 모든 요소에서 작동하는 동일한 스크립트에도 불구하고 요소에 집중하지 못하면 다음 스크립트를 사용합니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#report-settings").focus(); 
    }); </script> 

Answer 1

초점이 무엇을 의미합니까? 그것을 강조하는 것을 의미합니까? 그렇다면 요소를 CSS 또는 인라인 스타일로 추가해야합니다.

Answer 2

focus 이벤트를 트리거하려면 먼저 해당 요소에 focus 이벤트에 대한 이벤트 처리기를 연결해야합니다.

var $reportSettings = $('#report-settings'); 

$reportSettings.on('focus', function() { 
    $(this).addClass('focused-class'); 
    console.log('I was focused!'); 
}); 

$reportSettings.focus(); //=> 'I was focused!' 

또한 해당 요소에 tab이 콜백되면 트리거됩니다.