javascript - 找到导致输入模糊的元素的 id

Question

我需要找到导致文本输入模糊的单击元素并将其存储为变量。如何确定被单击导致输入“文本框”失去焦点的元素的 ID？我不知道我是否以正确的方式处理这个问题，但下面的代码是我目前所拥有的。我尝试了 document.activeElement，但它只对输入起作用，对 li 和 anchor 标记等元素不起作用谢谢

JavaScript:

var elClicked;

$('textBox').blur(function(){
  elClicked = // what is the id of the element that caused blur?
  alert(elClicked);
});

html:

 <input type = "text" id = "textBox">

 <!-- example elements --> 

  <input type = button id = "element1" />
  <a href = "#" id = "element2">text</a>
  <ul><li id = "element3">list</li></ul>

Answer 1

通过访问目标的 id 属性。

$('textBox').blur(function(){
  var target = event.explicitOriginalTarget || document.activeElement;
  elClicked = target ;
  alert(elClicked);
});

或者，您可以按照这些思路尝试一种方法

var elClicked;

$(document).mousedown(function(e) {
    elClicked = $(e.target);
});

$('textBox').blur(function(){
  alert(elClicked);
});