Is there a way to get clicked element on blur or focusout event?

Question

How to know where was click on blur or focusout of my input?

I've sketched a small example:

Html:

<div id ="all">
    <div id="whereIsInput">
        <input id="blur"/>
    </div>
</div>

Css:

#whereIsInput{
    height: 100px;
    width: 200px;
    background-color: yellow; 
}

JS:

function onBlur(e){
    jQuery('#all').append('<div>' + e.type + ', ' + e.target.toString() + '</div>')    
}
jQuery('#blur').blur(onBlur);
jQuery('body').on('click', onBlur);

So questions is: where was click when blur is occured?

I've investigate this: 1. can't find it in blur or focusout event arguments 2. click on body occurs later then blur

AFAIR `bind()` is deprecated, `on()` is suggested instead. – Michał Mar 21 '14 at 09:25 — Michał, Mar 21 '14 at 09:25
thanks! but it's does not help – Kris Ku Mar 21 '14 at 10:57 — Kris Ku, Mar 21 '14 at 10:57

score 2 · Answer 1 · answered Mar 21 '14 at 10:11

You can setup a flag to check if a blur event ocurred before click.

var blurred = false;//blur flag

$(document).on("click", function(){
    if(blurred){
        console.log(this);
        blurred = false;
    }
});

$("input#blur").on("blur", function(){
    blurred = true;//blur occurred
});

Is there a way to get clicked element on blur or focusout event?

1 Answers1