zoukankan      html  css  js  c++  java
  • html5小趣味知识点系列(一)contentEditable

    在这里纠正一下某些书籍说 这个修改后的文字内容是无法保存的 的错误必须发送到服务器进行保存才可以(因为我可以保存到内容)看代码吧  也许我理解的不对

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>可编辑</title>
    </head>
    <body>
        <p id="p1" contentEditable="true">我是可以编辑的内容,快来编辑我吧</p>
        <script type="text/javascript">
             var edit=document.getElementById('p1');
             edit.onblur=function(){
                 this.innerHTML=this.innerHTML;
             }
        </script>
    </body>
    </html>

    可以自己尝试一下 你发现你最新编辑的内容在你鼠标离开以后 会把你最新的修改的内容留到元素中

  • 相关阅读:
    微信分享
    angular 2
    angular 2
    angular 2
    angular 2
    ionic android升级检查
    ionic andorid apk 签名, 查看签名MD5
    微信支付 python版
    CSS3
    ionic 常见问题
  • 原文地址:https://www.cnblogs.com/ling-du/p/4760763.html
Copyright © 2011-2022 走看看