Question

当按下Tab键时，当信息图标都聚焦时，我正在尝试切换类。这是我目前工作的codepen。

HTML：

$('#disclaimerTooltip')
  .bind('focus keypress', function(e){
  var keyCode = e.keyCode || e.which; 
  console.log(keyCode);
  if (keyCode == 9) { 
    $('.test').toggleClass('myfield_description')
  } 

})

JQuery的：

.kube/config

当我选中信息图标时，我得到的密码为0。

Answer 1

这可以用css而不是js来完成 - 我认为在很多情况下它更好，尽管我并不特别了解你的。

https://codepen.io/anon/pen/BJdxEW

CSS

.myfield_description {
  position: absolute;
  visibility: hidden;
}

i:focus .myfield_description,
i:hover  .myfield_description {
  position: static;
  visibility: visible;
}

HTML

<i class="fa fa-info-circle" id="disclaimerTooltip" tabindex="0" aria-describedby="myfield_description">
  <span class="test myfield_description" role="tooltip">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  </span>
</i>

在焦点和按键上按下元素上的类

1 个答案: