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时，将触发回调！

Javascript Focus方法无法专注于list元素

2 个答案: