文件名称：撤销命令-清华大学计算机考研经验贴.
文件大小：8.5MB
文件格式：PDF
更新时间：2024-07-15 10:06:05
javasc
9.4 撤销命令 命令模式的作用不仅是封装运算块，而且可以很方便地给命令对象增加撤销操作。就像订餐 时客人可以通过电话来取消订单一样。下面来看撤销命令的例子。 本节的目标是利用 5.4 节中的 Animate 类来编写一个动画，这个动画的表现是让页面上的小 球移动到水平方向的某个位置。现在页面中有一个 input 文本框和一个 button 按钮，文本框中可 以输入一些数字，表示小球移动后的水平位置，小球在用户点击按钮后立刻开始移动，代码如下：
输入小球移动后的位置： 如果文本框输入 200，然后点击 moveBtn 按钮，可以看到小球顺利地移动到水平方向 200px 的位置。现在我们需要一个方法让小球还原到开始移动之前的位置。当然也可以在文本框中再次 输入-200，并且点击 moveBtn 按钮，这也是一个办法，不过显得很笨拙。页面上 好有一个撤销 按钮，点击撤销按钮之后，小球便能回到上一次的位置。 在给页面中增加撤销按钮之前，先把目前的代码改为用命令模式实现： var ball = document.getElementById( 'ball' ); var pos = document.getElementById( 'pos' ); var moveBtn = document.getElementById( 'moveBtn' ); 图灵社区会员 balabala233 专享 尊重版权