HTML draggable 屬性
此屬性規定元素是否可拖動,連結和影像預設是可拖動的(HTML5新增)。
語法結構:
[HTML] 純文字檢視 複製程式碼<element draggable="true|false|auto">
引數解析:
(1).true:規定元素的可拖動的。
(2).false:規定元素不可拖動。
(3).auto:使用瀏覽器的預設行為。
瀏覽器支援:
(1).IE9+瀏覽器支援此屬性。
(2).谷歌瀏覽器支援此屬性。
(3).火狐瀏覽器支援此屬性。
(4).opera瀏覽器支援此屬性。
(5).safria瀏覽器支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #ant { width:350px; height:70px; padding:10px; border:1px solid #ccc; } </style> <script type="text/javascript"> function allowDrop(ev){ ev.preventDefault(); } function drag(ev){ ev.dataTransfer.setData("Text",ev.target.id); } function drop(ev){ var data=ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); ev.preventDefault(); } window.onload = function () { var odiv = document.getElementById("ant"); var op = document.getElementById("drag"); odiv.ondrop = function (event) { drop(event) } odiv.ondragover = function (event) { allowDrop(event) } op.ondragstart = function (event) { drag(event) } } </script> </head> <body> <div id="ant"></div> <br /> <p id="drag" draggable="true">螞蟻部落</p> </body> </html>
可將儲存文字的段落拖動到矩形框中。
相關文章
- HTML 屬性HTML
- HTML————4、HTML屬性HTML
- HTML step 屬性HTML
- HTML class 屬性HTML
- HTML lang 屬性HTML
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML colspan 屬性HTML
- HTML rowspan 屬性HTML
- HTML translate 屬性HTML
- HTML title 屬性HTML
- HTML style 屬性HTML
- HTML spellcheck 屬性HTML
- html face屬性HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML cellspacing 屬性HTML
- html元素,屬性修改HTML
- HTML 屬性順序HTML
- HTML hidden屬性HTML
- HTML dropzone 屬性HTML
- HTML contextmenu 屬性HTMLContext
- HTML contenteditable 屬性HTML
- HTML 省略type屬性HTML
- HTML accesskey 屬性HTML
- HTML headers 屬性HTMLHeader
- HTML標籤屬性HTML
- html5全域性屬性HTML
- HTML cellpadding 屬性HTMLpadding
- HTML 布林屬性值HTML
- HTML CSS 三大屬性④HTMLCSS
- HTML5 required屬性HTMLUI
- HTML屬性是什麼?HTML
- html學習(常用屬性)HTML
- HTML 屬性你都懂了嗎HTML
- HTML5 novalidate 屬性HTML
- [HTML/CSS]colum-gap屬性HTMLCSS
- HTML表格標記及屬性HTML
- html中Position屬性值介紹和position屬性四種用法HTML