jquery onSingle
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text">
<div id="eventlist"></div>
CSS
div.onSingle {
background-color:#afa;
}
div.on {
background-color:#faa;
}
JavaScript
$.fn.onSingle = function(events, callback){
if ("function" == typeof(callback)) {
var t = this;
var internalCallback = function(event){
$(t).off(events, internalCallback);
callback.apply(t, [event]);
setTimeout(function(){
$(t).on(events, internalCallback);
}, 0);
};
$(t).on(events, internalCallback);
}
return $(this);
};
$('input').onSingle('input paste change keydown', function(event){
var $div = $('<div class="onSingle"/>');
$div.text(event.type);
$('#eventlist').append($div);
});
$('input').on('input paste change keydown', function(event){
var $div = $('<div class="on"/>');
$div.text(event.type);
$('#eventlist').append($div);
});