作者danny0838 (道可道非常道)
看板Ajax
標題[問題] 使 textarea 可 undo redo
時間Sun Jan 24 21:47:06 2010
我做了類似這樣的表單:
原貌:
自訂腳本: [編輯]
<隱藏的textarea>
按下 [編輯] 後:
自訂腳本: [套用]
<textarea>
按下 [套用] 後會把 textarea 的內容記錄到變數以供使用,介面回到原貌,
textarea 的內容基本上不會被 js 修改。
我的問題是,當 textarea 可見時,所有編輯都會被瀏覽器記錄,
可用 ctrl-z 與 ctrl-y 復原及取消復原;
然而當按下 [套用] 隱藏 textarea 後,再按下 [編輯] 時,
就無法復原至先前的編輯(←我希望做到可復原)。
最早是用切換 display:none; 做隱藏/顯示效果,
後來改用 left: 120%; 並切換 position:absolute; 做,
但問題依舊存在。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.25.89.99
※ 編輯: danny0838 來自: 114.25.89.99 (01/24 21:57)
1F:推 Crow22312:用前面幾篇裡面提到的貼塊不透明div遮住後, 把focus送到 01/27 10:23
2F:→ Crow22312:其他地方並且把textarea用appendEventListener來做禁止 01/27 10:23
3F:→ Crow22312:focus(被focus就去focus其他地方)如何? :P 01/27 10:24
4F:→ danny0838:我不希望隱藏後變成一片空白 01/28 18:32