如何检查另一个元素中的最后一个元素是否被聚焦

时间:2016-11-24 08:52:49

标签: javascript jquery html jquery-selectors

是否有任何用于查找Link not found Link not found Link not found Link not found Link not found Link not found Link not found Link not found Link not found Link not found <a>标记的jQuery代码是使用键盘聚焦的。 I.E.如果<div>中的最后一个<a>标记被聚焦,则必须触发Javascript函数

<div>

2 个答案:

答案 0 :(得分:2)

只需选择最后一个a元素,然后使用JQuery添加focus eventlistener

&#13;
&#13;
$("div a:last-child").focus(function(e){
  console.log("last <a> focused");
  e.preventDefault(); //prevent infinite loop
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <a href="#">a tag</a>
  <a href="#">a tag</a>
  <a href="#">a tag</a>
  <a href="#">a tag</a>
  <a href="#">a tag</a>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

使用:last-child选择器查找<div>中的最后一个元素(在本例中为最后一个锚<a>),并使用.focus(<callback>)来监听任何元素上的焦点事件:

$('div a:last-child').focus(function(){
    //Do whatever
});