How to detect input's changes from unexpected mouse actions?

Question

I've an input field I need to validate before sending the form.

So I bind a keyup event on this field, it send a XmlHttpRequest, and then I show the result on my ihm. It works fine.

But modern browsers provide some other way to add information into an input fields:

enter image description here

I tried various event to detect them, but no one's (keyup exepted of course) were triggered.

$('#theForm').on('keyup', '.url', checkUrl);
$('#theForm').on('changes', '.url', checkUrl);
$('#theForm').on('click', '.url', checkUrl);

Is it possible to detect these events?

My target browser is Firefox 17.

try the [`input`](https://developer.mozilla.org/en-US/docs/Web/Events/input)-event — Dr.Molle, Mar 05 '15 at 13:55
In chrome, you can monitor triggered events using `monitorEvents` API,but as you asked for firefox, here i found something related... http://stackoverflow.com/questions/11097234/using-firefox-how-can-i-monitor-all-javascript-events-that-are-fired — Rakesh_Kumar, Mar 05 '15 at 13:55

briosheje · Accepted Answer · 2015-03-05T14:08:52.897

You can detect that event by using the input event:

$('#theForm').on('input', '.url', checkUrl);

enter image description here

Clicking that:

enter image description here

(submit the input of the fiddle once to get a tooltip)

Edit :: Tested in firefox 22.0 and chrome

Also, please note that the change event will listen to almost everything but this.

Final edit ::

About the paste, you can detect that event by using.... paste :

$('#theForm').on('paste', '.url', checkUrl);

1 Answers1