How to detect rightclick + cut/delete/paste/undo in javascript?

Question

In my JavaScript/jQuery code, I have a text field that I run an event when the text changes using the keyup event. However currently I only account for changes done using the keyboard.

Is there a way I can detect when a text field text changed because the user did a right click and clicked on cut or delete or paste or undo?

Note: This needs to work in IE9, and preferably Firefox and chrome, but definitely needs to work in IE9.

Thanks

These are complex and should be separate questions. +1 for Robert Harvey getting it all together. — Diodeus - James MacFarlane, Jul 22 '13 at 20:28
using the bind functions, from your last link, how can I get the new text? — omega, Jul 22 '13 at 20:40

Travis J · Accepted Answer · 2013-07-22T23:12:10.327

5

jsFiddle Demo

Use jquery to bind an input event to the element like this:

$('#myInput').bind('input',function(){
  //use this for the input element when input is made
  var inputValue = this.value;//for example
 });

edited Jul 22 '13 at 23:12

answered Jul 22 '13 at 21:11

Travis J

81,153
41
202
273

Also for IE8 and below, you can replace `input` with `propertychange`. – sneaky Jul 23 '13 at 14:53
1

This does not work on IE9 for ctrl-X, backspace key, delete key. Also no luck when choosing undo / cut / delete from the context menu. – Shaung Aug 22 '14 at 06:16

Victor Häggqvist · Answer 2 · 2014-01-14T09:35:33.343

As a start, this is not really the correct way to do it. But if you react on the mouseout event of a input you will most likely get it to behave the way you want.

$('#input').mouseout(function(){
  if($('#input').is(":focus"))
    console.log("Right-click");
});

Though it is to note that this might not work as well on textareas since they tend to be larger and the mouse might not be outside of it when the contextmenu has been clicked.

Note: Other than @Travis J that react to all interaction, this will (probably) only trigger an event on rightclick (and regular mouseout).

How to detect rightclick + cut/delete/paste/undo in javascript?

2 Answers2

Linked