一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

功能:實現網頁內容的即時編輯,增加頁面的可用性、交互性。
方法1:直接通過textarea標簽實現,請運行下邊代碼:

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

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

JavaScript技術實現div可編輯的常見方法總結,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产成人久久精品激情 | 欧美午夜a级精美理论片 | 成人国产一区二区 | 最新亚洲精品国自产在线 | 亚洲视频一区在线观看 | 中文字幕一区二区三区永久 | 亚洲六月丁香婷婷综合 | 国产激情在线视频 | 最新激情网址 | 草草草网站 | 一级爱爱片一级毛片-一毛 一级爱做片免费观看久久 一级不卡毛片 | 免费一区二区三区 | 国产全黄三级国产全黄三级书 | 国产1区2区3区在线观看 | 欧美在线网址 | 成人午夜视频在线观 | 免费色视频在线观看 | 亚洲国产成人精品激情 | 欧美福利网 | 国产成人网 | 成人tv| 日本人×体xx艺术 | www日本视频| 亚洲热热久久九九精品 | 欧美专区一区二区三区 | 久久成年片色大黄全免费网站 | 激情小说激情图片激情视频 | 婷婷伊人久久 | 上色天天综合网 | 亚洲精品成人a | 天天色国产 | 久久精品中文字幕第一页 | 日韩在线一区二区三区免费视频 | 露脸国产自产拍在线观看 | 久综合| 成人污网站| 亚洲欧美在线观看 | 国产愉拍精品视频手机 | 国产小视频免费 | 成年人视频免费在线播放 | 色多多www网站 |