2014-03-29 84 views
0

我在頁面上有一個小的contenteditable範圍。在某些情況下(例如按下退出鍵),我想以編程方式取消編輯模式。使用contenteditable時取消編輯模式的編程方式?

有沒有辦法做到這一點?

到目前爲止,我只發現刪除contenteditable attr並在此後不久恢復(例如100ms左右),這不可能是正確的方法:-(我想我可以改變焦點對於

同樣的效果我真正想要的是elem.endEdit()或一些這樣...

感謝

回答

-1

只需設置contenteditablefalse(假設你的div有「內涵」的ID)!

document.querySelector("#content").setAttribute("contenteditable", false); 

對於在MDN

這裏contenteditable看起來更加信息是Fiddle一起玩。底部有一個「停止」按鈕。

如果你想停止Escape你必須聽「的onkeyup」

+0

感謝的事件,但我要停止*當前*編輯,不禁CONTENTEDITABLE爲好。請參閱我原來的問題,因爲它提到我知道我可以關閉該屬性(然後重新啓用它)。謝謝。 – Eric

+0

您還有什麼選擇 - 而不是切換屬性? –

+0

根據原文,我想DOM元素上的一個方法調用來結束當前編輯會很好!轉移焦點似乎也起作用,但這需要知道一個合理的位置來關注,而這並不總是顯而易見的。 – Eric