首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Javascript焦点方法无法将焦点放在列表元素上

Javascript焦点方法无法将焦点放在列表元素上
EN

Stack Overflow用户
提问于 2014-10-29 09:12:35
回答 2查看 122关注 0票数 0

当页面加载时,我尝试关注以下元素。

代码语言:javascript
复制
   <li class="active"><a href="#settings-tab" role="tab" data-toggle="tab" id="report-
    settings">Report Settings</a></li>

当我使用下面的脚本时,如果不能专注于元素,尽管这个脚本对所有其他元素都有效。

代码语言:javascript
复制
 <script type="text/javascript">
     $(document).ready(function () {
         $("#report-settings").focus();
     }); </script>
EN

回答 2

Stack Overflow用户

发布于 2014-10-29 09:18:10

你说的专注是什么意思?你的意思是突出显示它吗?如果是这样的话,你需要添加一个CSS或内联样式的元素。

票数 0
EN

Stack Overflow用户

发布于 2014-10-29 09:26:23

首先,需要为该元素上的focus事件附加一个事件处理程序,然后才能触发focus事件。

代码语言:javascript
复制
var $reportSettings = $('#report-settings');

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

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

此外,当您tab到该元素时,回调将被触发!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26621259

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档