CODEWITHSUNDEEP
jquery
Mithun Sreedharan
Mithun Sreedharan

Reputation: 51282

jQuery event detection - delete input box text with mouse, drag text to input box

I'm able to detect the cut, copy, paste events with the following code 

$('#searchInput').bind('cut copy paste', function (e) {
  setTimeout("handleMouseEvents();", 10);
});

Is it possible to detect the following events

  1. delete input box text with mouse
  2. drag text to input box
  3. drag text away from input box
  4. undo action from mouse context menu or form 'Edit' menu

I tried binding on mousedown and mouseup, but not working

$('#searchInput').bind('cut copy paste mousedown mouseup', function (e) {
  setTimeout("handleMouseEvents();", 10);
});

Upvotes: 9

Views: 4522

Answers (1)

MikeM
MikeM

Reputation: 27405

I was able to get binding to work for these events cut copy paste mousedown mouseup focus blur

which should cover you on delete, drag out, drag in circumstances but you won't necessarily know that much detail just that the field has changed and which bound event caused the change, I think you'd also have to keep tabs on the current/previous value of the input field between events.

Here's the jsfiddle I was playing with http://jsfiddle.net/9aRxb/1/

Upvotes: 2

Related Questions