|
|
方法1：直接通過textarea標(biāo)簽實現(xiàn)，請運行下邊代碼：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
思路：將textarea通過CSS樣式設(shè)計成讓用戶感覺不像是textarea的樣子，通過onblur、oumouseout等屬性進行ajax保存用戶數(shù)據(jù)。
方法二：通過document.createElement的方法向頁面增加input來實現(xiàn)。請運行下邊代碼：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
思路：
1、當(dāng)用戶鼠標(biāo)經(jīng)過可編輯區(qū)域時，用背景色等方式提醒用戶該區(qū)域可編輯。
2、當(dāng)用戶鼠標(biāo)點擊該區(qū)域時，也就是onclick事件時，先將原來的內(nèi)容清掉，將臨時創(chuàng)建出來一個輸入框和一個輸入按扭。
3、用戶修改完后，點擊“保存”按扭時通過ajax向數(shù)據(jù)庫中寫入新的數(shù)據(jù)。
PS：第二個方法的代碼還有點問題，有空再來調(diào)試一下。
JavaScript技術(shù)：實現(xiàn)div可編輯的常見方法總結(jié)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
