HTML5 新特性,拖放

2022-02-18 10:19:25 字數 581 閱讀 4991

html5 拖放(drag 和 drop)例:html

js

var box1div,msgdiv,img1;

window.onload = function ()

//被拖動時,前面是設定的,後面是本來的id

img1.ondragstart=function (e)

// 呼叫 preventdefault() 來避免瀏覽器對資料的預設處理(drop 事件的預設行為是以鏈結形式開啟)

box1div.ondragover=function (e)

//被拖動時,前面是設定的,後面是本來的id

img1.ondragstart=function (e)

// 呼叫 preventdefault() 來避免瀏覽器對資料的預設處理(drop 事件的預設行為是以鏈結形式開啟)

box1div.ondragover=function (e)

box2div.ondragover=function (e) {

e.preventdefault();

HTML5的新特性

html的新特性 html5是下一代html標準 強化了web的表現性 支援網頁多 提供canvas畫布 2d圖形 三維 圖形及特效 支援語義化標籤 header footer 新的表單標籤 增加離線本地儲存 地理定位 應用快取 快取 將經常需要訪問的資料,放在記憶體中或者本地磁碟裡 canvas ...

html5 標籤新特性

html5主要的特徵就是標籤語義化。語義化的好處就是使得 結構讓人清晰易讀,這些語義化的標籤會有一些自帶屬性,比如說邊距 顏色 和display的設定等等 頭部 內容 內容分塊1 內容分塊2 內容分塊3 底部 導航 側欄 引用 自帶邊距,和縮排 標記 保留書寫的樣式 包括空格 tab 還有 ente...

HTML5的新特性

我是頭部 導航標籤 內容標籤 定義文件某個區域 側邊欄標籤 尾部標籤音訊標籤type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入為時間型別 type month...