Change event type

Question

I'm trying to get the type of change of an element.

<input type="text" onchange="fn()"/>

<script>

function fn() {
    if (event.isKeyPress) 
        // do something
    else if (event.isClick)
        //do something else

</script>

So in full, I'm changing a text field, then to change, the user has to unfocus the field and change its contents. I want to find the manner at which it was unfocused (e.g. by tab or click). Is this possible?

NOTE: I am using jQuery.

Answer 1

If you put a keydown event on your input, you can trig the focusout event if the pressed key is "tab" and do what you want. Else the focusout will be triggered by a clic.

Answer 2

You can use Keydown. See: http://www.javascripter.net/faq/onkeydown.htm or http://www.w3schools.com/jsref/event_onkeydown.asp

Answer 3

$('input').focus(function(){

   // something..

}).change(function(){ // or keyup

   // do something awesome

}).focusout(function(){

  // that's it

});

Answer 4

$( "input" ).focusout(function() {
    // do something
})

http://api.jquery.com/focusout/

https://api.jquery.com/focusin/

http://api.jquery.com/focus/