jQuery: focusout to exclude some elements

Question

focusout on input field will trigger every time the specific input looses its focus. But, I want to exclude some specific a tag from triggering that focusout function

Example:

<input type="text" id="name_input">
<a id="apply_name">SAVE</a>

Then the focusout function:

$("#name_input").focusout(function(e) {
  //do something here
});

Clicking on "#apply_name" also triggers focusout function of an input. How can I exclude that specific element ID from triggering it. Note: I tried some tricks already posted on StackOverflow and none of them seams to work...

As far as I know there is no direct solution to this as the focusout will trigger before the click event... try the above hack — Arun P Johny, Jan 13 '14 at 10:44
@A.Wolff I'm still doubtful whether it has to be an answer until OP clarifies whether that was the problem he was looking at — Arun P Johny, Jan 13 '14 at 10:49

score 3 · Accepted Answer · answered Jan 13 '14 at 10:51

Another way of doing this is checking what your target id is

var evt;
document.onmousemove = function (e) {
    e = e || window.event;
    evt = e;
}
$("#name_input").focusout(function (e) {
    if (evt.target.id == "apply_name") {
        //apply_name clicked
    } else {
        //focus out and applyname not clicked
    }
});

DEMO

score 0 · Answer 2 · answered Jan 13 '14 at 10:39

0

You can use "blur" - event.

$("#name_input").on("blur", function(e) {
    //your code
});

answered Jan 13 '14 at 10:39

P R

344
4
18

blur doesn't bubble, but seems strange this could be the issue because INPUT cannot contains any element – A. Wolff Jan 13 '14 at 10:41

score 0 · Answer 3 · edited May 23 '17 at 11:53

0

Solution from How to exclude Id from focusout Added .hasClass which I also needed:

$('#id').focusout (function (e) {

    if (e.relatedTarget && $(e.relatedTarget).hasClass('dontFocusOut')) {
        return;
    }
    //do your thing

});

edited May 23 '17 at 11:53

Community

1
1

answered Feb 14 '17 at 17:06

user109764

576
6
11

jQuery: focusout to exclude some elements

3 Answers3