textarea: button to trigger native undo/redo

Question

I have a textarea. It has default undo/redo functionality, either with ctrl-z/y or by right-clicking and choosing copy/paste.

I want to create an undo/redo button and trigger the native undo/redo. I'm not sure how to trigger this. (Was surprised that my users don't know ctrl-z)

possible duplicate of Unable to get document.execCommand('undo') working in the same manner across browsers — NDM
– NDM, Commented Aug 5, 2013 at 9:24
That question contains the answer to my question (use execCommand). But finding that question requires already knowing to search for "execCommand", which is what I didn't know. So I still think it could be worthwhile to have this question here with an answer. But whatever others think... — user984003
– user984003, Commented Aug 5, 2013 at 9:30
possible duplicate, does not mean it is a duplicate per se, it's just a flag for moderators to take a look, and for future people landing here to have an extra link to check out. — NDM
– NDM, Commented Aug 5, 2013 at 9:39

NoLifeKing · Accepted Answer · 2020-03-05 08:11:20Z

5

You can use document.execCommand to achieve this functionallity. It is used by some HTML-editors.

execCommand compatibility

And by now, this is deprecated, and should not be used.

edited Mar 5, 2020 at 8:11

answered Aug 5, 2013 at 9:25

NoLifeKing

1,94913 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

vsync Over a year ago

"This feature is obsolete"

NoLifeKing Over a year ago

Indeed it is now. :) But back in 2013 to late 2017 it wasn't.

Dmitry S. · Accepted Answer · 2024-02-16 13:57:08Z

0

You can create functions to trigger undo and redo functionality on button click.

Undo button functionality as follows:

const handleUndoButtonClick = () => {
  document.execCommand('undo', false, '');
};

Redo button functionality as follows:

const handleRedoButtonClick = () => {
  document.execCommand('redo', false, '');
};

Call handleUndoButtonClick() on undo button click and call handleRedoButtonClick() on redo button click.

edited Feb 16, 2024 at 13:57

Dmitry S.

1,6722 gold badges17 silver badges24 bronze badges

answered Feb 15, 2024 at 12:12

Aziz Bhavnagarwala

12 bronze badges

Collectives™ on Stack Overflow

textarea: button to trigger native undo/redo

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related