javascript - 知道是谁引发了事件 "focusout"

Question

我在代码中使用focusout，我需要知道单击哪个元素来触发focusout，因为如果特定元素，我需要执行特定函数负责触发 focusout

我尝试使用stopPropagation，但它不起作用

  $('#buscar_menu .select2-search__field').focusout(function(e){
    e.stopPropagation();
    /*if(e.target.classList[0] == "search_field"){
        console.log("eureca");

    }else{
                    console.log("not eureca");
            }*/
});

Answer 1

使用jQuery，您可以添加具有自定义属性名称的数据属性，例如data-responsible-element；可以使用 jQuery 的 data() 方法来检索失去焦点的元素。

简而言之:在元素中设置 data-{custom-property}="{some-value}"，并在触发事件后从 检索 {some-value} data-{custom-property} 使用 data() 方法。

使用此方法，您可以将 {some-value} 设置为该元素的唯一标识符，这将使您能够查询元素。

$('.focusable').focusout(function(e){
  e.stopPropagation();
  var element_that_lost_focus = $(this).data('responsible-element');
  
  console.log(element_that_lost_focus + ' just lost focus!? D:');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="focusable" placeholder="Juan" data-responsible-element="Juan" />
<input class="focusable" placeholder="Carlos" data-responsible-element="Carlos" />
<input class="focusable" placeholder="Martín" data-responsible-element="Martín" />
<input class="focusable" placeholder="John Doe" data-responsible-element="John Doe" />