为什么撤销不了？

Question

<TEXTAREA id=xxlinearea readonly 
style="background-color:menu;
       border:#ae34f8 solid 0px;
       font-size: 12px; font-family: 宋体;
       height:50%;
       overflow:hidden">
</textarea><TEXTAREA id=xxcodearea wrap=off 
onscroll='xxlinearea.scrollTop=this.scrollTop;'
oncontextmenu='window.event.returnValue=false;xxmenudiv.style.visibility="visible";'
style="background:background;
       color:white;
       border:#ae34f8 solid 0px;
       font-size: 12px; font-family: 宋体;
       height:50%;">
</textarea><input type=button value='123' onclick="xxlinearea.value='123'"><input type=button value='alert' onclick="alert('123')">
<p>
我在文本框输入abc，然后按Ctrl+z，这时文本框显示ab，我按BUTTON(123)，回到文本框，再按Ctrl+z，撤销不了，还是ab。为什么？
<p>
如果输入abc，然后按BUTTON(alert)，回到文本框就，按Ctrl+z，就可以撤销了！
<p>
我希望按下BUTTON后，在左边的TEXTAREA中显示一些东东（左边的TEXTAREA不用撤销功能），回到右边的TEXTAREA后还能撤销，怎么办？