Detects which method was used to change the value in an HTML5 number input (clicking to increment or entering a number)

num.inp.detect.js

var key = false;
var inp = false;
var click = false;
// Get the input method
$('#inp').bind('input keypress mousedown paste', function(e) {
    $('#inp').after('<br>' + e.type);
    if (e.type == 'input') {
        inp = true;
    } else if (e.type == 'keypress' || e.type == 'paste') {
        key = true;
        click = false;
    } else if (e.type == 'mousedown') {
        click = true;
        key = false;
    }
});
// Determine which was used
$('#inp').change(function(e) {
    if (key && inp) {
        $('#inp').after('<br>KEYBOARD');
    } else if (click && inp) {
        $('#inp').after('<br>STEP');
    }
    inp = false;
    key = false;
    click = false;
});​