What events to bind in order to catch all changes to a textarea or input?

[sneakyimp]

I'm using jquery to listen for changes to a textarea and some text inputs. I've tried binding to keyup, click, change, and mouseup all at the same time but this still doesn't fire off when I right-click in the textarea and paste content:

	$("#tweet").bind("keyup mouseup click change", function(evtObj) {
		display_tweet_length();
	});

Can anyone tell me the magic combination of event bindings which will make sure that I detect when the contents of a textarea has changed?

[johanafm]

paste 🙂

Well, the magic combination you are looking for is probably paste and keyup. Iirc, change doesn't fire until you exit the textarea; i.e. after blur or lostfocus or whatever it's called.

[Bonesnap]

Yeah the change event won't fire until you leave focus of the element (clicking away or hitting tab).

Also I would recommend using .on() as .bind() and other older jQuery functions are deprecated.

[sneakyimp]

Thanks, guys. The 'change' event i put in there to try and capture the pasted content once the input lost focus. Aside from typing or pasting, I expect there might be some other event that sneaks through causing changes.

[johanafm]

Oh there is one more: drop event.