Question

我有一个包含文字输入#usernameInput和链接#saveLink的表格单元格。使用jQuery我有一个分配给#saveLink的click事件的函数。

我想要实现的是，当#usernameInput失去焦点时我想隐藏它。除非它失去焦点#saveLink。换句话说，如果用户点击#saveLink以外的其他任何地方我要隐藏#usernameInput，否则请在#saveLink上调用点击事件。

我处理$('#usernameInput').focusout()没问题，但我无法检测是否点击了保存链接。

这是我到目前为止所拥有的。

<script type="text/javascript">

$('#usernameInput').focusout(function ()
{

    if (!$('#saveLink').is(':focus'))
    {
        $('#usernameInput').hide();
    }
    return;

});</script>

Answer 1

我想要实现的目标是什么时候 '#usernameInput'失去了焦点我想隐藏它。除非失去焦点到'#saveLink'。换句话说，如果用户单击除以外的任何位置 '#saveLink'我想要隐藏 '#usernameInput'否则调用单击'#saveLink'上的事件。

也许你可以将一个事件绑定到正文并只检查e.target

$("body").click(function(event){
  if(!$(event.target).is("#saveLink")){
    $("#usernameInput").hide();
  }
});

免责声明 这只是现在的伪代码...稍微更新。

Answer 2

我不确定这是否是新的，但我发现今天找到了更好的方法（3。5年后）： event.relatedTarget 是您实际点击的元素。

$elementLosingFocus.focusout(function (event) {
    var $elementYouAreTesting;

    $elementYouAreTesting = $("#whatever");

    if (elementYouAreTesting[0] === event.relatedTarget) {
        // you clicked the element you were testing!
    } else {
        // you clicked something else
    }
});

jQuery .focusOut（）取决于下一个选定元素的条件操作

2 个答案: