* The following package monitors the text VAL value of the function */$.event.special.valuechange={teardown:function(namespaces) {$ ( This). Unbind ('. Valuechange '); }, Handler:function(e) {$.event.special.valuechange.triggerchanged ($ ( This)); }, add:function(obj) {$ ( This). On (' Keyup.valuechange cut.valuechange paste.valuechange input.valuechange ', Obj.selector, $.event.special.valuechange.handler)}, triggerchanged:function(Element) {varCurrent = Element[0].contenteditable = = = ' true '?element.html (): Element.val (), Previous=typeofElement.data (' previous ') = = = ' undefined '? Element[0].defaultvalue:element.data (' previous ') if(Current!==Previous) {Element.trigger (' Valuechange ', [Element.data (' previous '))]) Element.data (' Previous ', current)} }}
Usage:
function (E, previous) { /*$ (' #output '). Append (' previous: ' + previous + ' -- Current: ' + $ (this). Val () + ' <br/> ')*/ $ ("#canvas"). Find (". Page"). Fontathover "). HTML ($ (this). Val ()) })
Monitor the change of Val value