国产探花免费观看_亚洲丰满少妇自慰呻吟_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：第二個方法的代碼還有點問題，有空再來調試一下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 瓦房店市| 中江县| 涡阳县| 鹿邑县| 郑州市| 延边| 正阳县| 涞水县| 南阳市| 宜宾市| 大姚县| 秦皇岛市| 松溪县| 扶绥县| 碌曲县| 兴安盟| 连江县| 延寿县| 绥芬河市| 阳城县| 孝感市| 黔南| 瑞昌市| 安康市| 新巴尔虎右旗| 沛县| 锦州市| 枞阳县| 汝城县| 社旗县| 安阳市| 滕州市| 蒙城县| 西盟| 利津县| 南投县| 兰考县| 柳江县| 西畴县| 温泉县| 布尔津县|