国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

實現div可編輯的常見方法總結

2024-09-06 12:42:30
字體：大 中 小
來源：轉載
供稿：網友
功能：實現網頁內容的即時編輯，增加頁面的可用性、交互性。
方法1：直接通過textarea標簽實現，請運行下邊代碼：

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
思路：將textarea通過CSS樣式設計成讓用戶感覺不像是textarea的樣子，通過onblur、oumouseout等屬性進行ajax保存用戶數據。
方法二：通過document.createElement的方法向頁面增加input來實現。請運行下邊代碼：

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
思路：
1、當用戶鼠標經過可編輯區域時，用背景色等方式提醒用戶該區域可編輯。
2、當用戶鼠標點擊該區域時，也就是onclick事件時，先將原來的內容清掉，將臨時創建出來一個輸入框和一個輸入按扭。
3、用戶修改完后，點擊“保存”按扭時通過ajax向數據庫中寫入新的數據。
PS：第二個方法的代碼還有點問題，有空再來調試一下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 黄山市| 呼伦贝尔市| 峨边| 加查县| 华蓥市| 兰州市| 彩票| 茶陵县| 当阳市| 灌云县| 于田县| 和田市| 桐庐县| 唐河县| 饶平县| 疏附县| 汽车| 佳木斯市| 甘南县| 广灵县| 博乐市| 屏东市| 平凉市| 襄城县| 溧水县| 化德县| 大悟县| 江城| 凤阳县| 久治县| 滦南县| 桂林市| 施甸县| 黔西县| 金川县| 瑞金市| 体育| 宾阳县| 宁明县| 高雄县| 海伦市|