
104
|
第七章
方看到被拖曳元件的半透明圖樣。
addElement( 網頁元件 , x 座標軸 , y 座標軸 )
函式的功
能也很類似,它能讓你指定拖曳元件時,出現在滑鼠游標下方的元件為何。也就是說,
你可以自行定義一組網頁元件,並讓它成為拖曳其他元件時,出現在滑鼠游標下方的
圖案。
如果想讓使用者把網頁上的檔案拖到瀏覽器外面,可以將 setData() 的第一組參數值設
定為
DownloadURL
,再設定檔案儲存位置的 URL,讓瀏覽器知道該到哪裡下載檔案。
Gmail 就是利用這項功能,讓使用者能將電子郵件裡的附加檔案,直接從瀏覽器拖到桌
面上。
不過目前只有 Chrome 瀏覽器有支援這項功能,而且相關說明文件也尚未齊備。不過未
來其他瀏覽器新增這項功能的可能性應該不低,所以先加上這項功能倒也無傷大雅。
DownloadURL
格式所對應的設定值,是用冒號(
:
)來區隔開三項檔案資訊:MIME 類
型、檔案名稱,以及檔案儲存位置。
$("#preview").bind("dragstart", function(e){
e.originalEvent.dataTransfer.setData("DownloadURL", [
"application/octet-stream", // MIME 類型
"File.exe", // 檔案名稱
"http://example.com/file.png" // 檔案儲存位置
].join(":"));
});
HTML5 拖曳 / 置放 API ...