Trigger Ctrl+z & Ctrl+y keypress on button click

Question

I have provided two separates button for Ctrl+z and Ctrl+y. I want the Ctrl+z and Ctrl+y functionality to be performed on the click of a button.

To achieve this, I am trying to trigger Ctrl+z and Ctrl+y on button click but they are not getting triggered.

The code I have written so far:

case "undo":
    var press = jQuery.Event("onkeydown");
    press.ctrlKey = true;
    press.keyCode = 90;
    jQuery(".excellentableEditSpread").trigger(press);
    break;

case "redo":
    var press = jQuery.Event("onkeydown");
    press.ctrlKey = true;
    press.keyCode = 89;
    jQuery(".excellentableEditSpread").trigger(press);
    break;

Remove `on` from Event type text, usage should be like `jQuery.Event("keydown")` — Satpal, Dec 03 '15 at 10:18
If you plan to trigger the browser "undo/redo" behavior I guess you can't do it using keyevent trigger. (same as you can't fill an input text with emulated keyevent) — Hacketo, Dec 03 '15 at 10:32

score 9 · Answer 1 · answered Sep 06 '16 at 20:30

9

You can try this:

function doUndo(){
  document.execCommand('undo', false, null);
}

function doRedo(){
  document.execCommand('redo', false, null);
}

answered Sep 06 '16 at 20:30

parismiguel

586
6
16

score 0 · Answer 2 · answered Nov 08 '21 at 08:08

This will work likectrl+z or ctrl+y press.

case "undo":
    document.dispatchEvent(new KeyboardEvent('keydown', {'key': 'z', 'ctrlKey': true}));
    break;

case "redo":
    document.dispatchEvent(new KeyboardEvent('keydown', {'key': 'y', 'ctrlKey': true}));
    break;

Trigger Ctrl+z & Ctrl+y keypress on button click

2 Answers2