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

Question

我需要找到导致文本输入模糊的单击元素并将其存储为变量。如何确定单击以导致输入“文本框”失去焦点的元素的 ID？我不知道我是否以正确的方式接近这个，但下面的代码是我到目前为止所拥有的。我试过document.activeElement了，但它只适用于输入，而不是 li 和锚标签等元素谢谢

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);
});

Answer 2

您可以将锚标记的 id 存储在隐藏字段中，当它被单击时。取该值，您可以找到单击了哪个元素