一区二区久久-一区二区三区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可編輯的常見方法總結,轉載需保留來源!

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

主站蜘蛛池模板: 国产小视频在线高清播放 | 丁香六月婷婷七月激情 | 成人免费看www网址入口 | 91视频免费观看网站 | 色哟网| 久久精品国产精品亚洲婷婷 | 久久se精品动漫一区二区三区 | 国产愉拍精品视频手机 | 国产老鸭窝毛片一区二区 | 伊人开心网 | 免费播放欧美一级特黄 | 国产欧美在线亚洲一区刘亦菲 | 亚洲视频免费一区 | 综合久久久久久久综合网 | 中文字幕精品在线观看 | 国产福利久久 | 亚洲精品综合网 | 伊人爱爱 | 看全色黄大色黄大片色责看的 | 国产福利91精品一区二区三区 | 最新久久精品 | 四虎在线视频免费观看视频 | 色综合88| 精品久久久久久久久久中文字幕 | 一级成人 | 九九操视频 | 黄色网址 在线播放 | 极品吹潮视频大喷潮tv | 伊人网在线播放 | 色婷婷伊人 | 欧美成人性色区 | 中国女人一级毛片 | 国产成人自拍视频在线观看 | 国产精品久久久久免费视频 | 狠狠色伊人亚洲综合第8页 狠狠色伊人亚洲综合网站l | 日本欧美一区二区三区在线 | 精品伊人久久久大香线蕉欧美 | 亚洲午夜综合网 | 色99视频| 久久精品免视看国产成人2021 | 一区二区三区四区亚洲 |