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

首頁 > 語言 > JavaScript > 正文

用javascript實現div可編輯的常見方法

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

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

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

PS：第二個方法的代碼還有點問題，有空再來調試一下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 昌图县| 洛阳市| 浦县| 陇西县| 南城县| 万载县| 依兰县| 金华市| 柳林县| 玉林市| 乌苏市| 肥东县| 庆云县| 罗田县| 云安县| 徐州市| 商城县| 望都县| 金山区| 色达县| 涞水县| 灵宝市| 南和县| 信丰县| 九台市| 呼图壁县| 兴文县| 大庆市| 岑巩县| 新平| 巨野县| 江山市| 镇平县| 镇远县| 宜春市| 宁乡县| 曲阜市| 通榆县| 龙里县| 九龙县| 鱼台县|