contenteditable（線上編輯）規定元素是否可以被編輯,屬性值 為空或布林值

body style {    display: block;/*一定要寫這個屬性（將自定義標籤設定為塊級元素）*/    padding:0.6em 0.8em;     border:1px dashed #ccc;     background-color:#f5f5f5;     color:#000;     font-family:Monaco, monospace;     font-size:12px;     white-space:pre-wrap;/*強制不換行*/    word-wrap:break-word;}<div class="box">這個盒子可以線上被更改樣式</div><p contenteditable>此段落可以被編輯</p><style contenteditable>    .box, p {        css-style...    }</style>

spellcheck（頁面拼寫檢查）設定頁面拼寫檢查，屬性值 為空或布林值

<p contenteditable spellcheck="true">hello html! contenteditable，設定為檢查</p><input type="text" spellcheck="false" value="aaaa bbbbb 不檢查" />

designMode設定整個頁面是否可以被編輯,寫在js指令碼中

<script> document.designMode = "off" //on 關閉/開啟 </script>

tabindex使用“tab”鍵進行切換順序拖拽(draggable)規定元素是否可以拖動,屬性值為布林值draggable=true，預設為false被拖拽的元素（事件作用於被拖拽元素上）ondragstart ：當拖拽元素開始被拖拽的時候觸發ondrag : 拖拽過程中觸發ondragend ：當拖拽完成後觸發目標元素（即被拖拽元素最後放置的地方）ondragenter ：當拖曳元素進入目標元素的時候觸發ondragover ：拖拽元素在目標元素上移動的時候觸發ondragleave ：拖拽元素在離開目標元素的時候觸發ondrop ：被拖拽的元素在目標元素上釋放的時候觸發DataTransfer 物件：拖拽物件用來傳遞的媒介，使用一般為e.dataTransfer。e.preventDefault()方法：阻止預設的些事件方法等執行。在ondragover中一定要執行preventDefault(),

否則ondrop事件不會被觸發。另外，如果是從其他應用軟體或是檔案中拖東西進來，尤其是圖片的時候，預設的動作是顯示這個圖片或是相關資訊，並不是真的執行drop。此時需要用document的ondragover事件把它直接幹掉。

e.stopPropagation()方法：阻止事件冒泡return false：在事件最後加，可以阻止事件冒泡和預設操作e.effectAllowed 屬性：就是拖拽的效果