Javascript Focus方法無法關注列表元素

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 ，以該元素的回調將被觸發！