JavaScript Undo-Redo(根据《在javascript中用command 模式实现undo和redo》修改兼容Firefox)

最新推荐文章于 2022-09-02 10:10:23 发布

NoahT_T

最新推荐文章于 2022-09-02 10:10:23 发布

阅读量2.7k

点赞数 1

文章标签： javascript command firefox function input button

本文链接：https://blog.csdn.net/NoahT_T/article/details/3979299

版权

这篇博客介绍了如何在JavaScript中利用Command模式实现撤销（Undo）和重做（Redo）功能，特别针对Firefox浏览器进行了兼容性处理。通过创建BaseAction基类和具体的操作类如MoveAction、ChangeAction，实现了元素位置移动和值更改的可逆操作。全局函数undo()和redo()用于触发撤销和重做，同时，拖放和输入事件触发了对应操作的记录。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test command </TITLE>
<META NAME="Author" CONTENT="emu">

<SCRIPT LANGUAGE="JavaScript">
<!--
var actionStack = [];//操作栈
var actionIndex = 0;//操作栈中当前操作的指针

//----------------------- command对象基类 ------------------------------
function BaseAction(){
}
BaseAction.prototype.exec=function(){
        actionStack[actionIndex++] = this;
        actionStack.length = actionIndex;
}
BaseAction.prototype.undo=function(){
        alert("此操作未定义相应的undo操作");
}
BaseAction.prototype.redo=function(){
        alert("此操作未定义相应的redo操作");
}

//----------------------- move操作的command对象 ------------------------------
function

最低0.47元/天解锁文章

NoahT_T

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript Undo-Redo(根据《在javascript中用command 模式实现undo和redo》修改兼容Firefox)

test command var actionStack = [];//操作栈var actionIndex = 0;//操作栈中当前操作的指针//----------------------- command对象基类 ------------------------------function BaseAction(){}BaseAction.prototype.exec=function(
复制链接

扫一扫