Skip to content

Instantly share code, notes, and snippets.

@softlion
Forked from mkelly12/jquery.textchange.js
Created November 21, 2010 21:12
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save softlion/709160 to your computer and use it in GitHub Desktop.
Save softlion/709160 to your computer and use it in GitHub Desktop.
/*!
* jQuery TextChange Plugin
* http://www.zurb.com/playground/jquery-text-change-custom-event
* https://gist.github.com/424774
*
* Copyright 2010, ZURB
* Released under the MIT License
*/
(function($) {
$.event.special.textchange = {
setup: function (data, namespaces) {
$this = $(this);
$this.data('lastValue', $this[0].contentEditable==='true'?$this.html():$this.val());
$this.bind('keyup.textchange', $.event.special.textchange.handler);
$this.bind('cut.textchange paste.textchange input.textchange', $.event.special.textchange.delayedHandler);
},
teardown: function (namespaces) {
$(this).unbind('.textchange');
},
handler: function (event) {
$.event.special.textchange.triggerIfChanged($(this));
},
delayedHandler: function (event) {
var element = $(this);
setTimeout(function () {
$.event.special.textchange.triggerIfChanged(element);
}, 25);
},
triggerIfChanged: function (element) {
var current = element[0].contentEditable === 'true' ? element.html() : element.val();
if (current !== element.data('lastValue')) {
element.trigger('textchange', element.data('lastValue'));
element.data('lastValue', current);
}
}
};
$.event.special.hastext = {
setup: function (data, namespaces) {
$(this).bind('textchange', $.event.special.hastext.handler);
},
teardown: function (namespaces) {
$(this).unbind('textchange', $.event.special.hastext.handler);
},
handler: function (event, lastValue) {
if ((lastValue === '' || lastValue === undefined) && lastValue !== $(this).val()) {
$(this).trigger('hastext');
}
}
};
$.event.special.notext = {
setup: function (data, namespaces) {
$(this).bind('textchange', $.event.special.notext.handler);
},
teardown: function (namespaces) {
$(this).unbind('textchange', $.event.special.notext.handler);
},
handler: function (event, lastValue) {
if ($(this).val() === '' && $(this).val() !== lastValue) {
$(this).trigger('notext');
}
}
};
})(jQuery);
@softlion
Copy link
Author

Includes $this optimisation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment