我想將Office 365(Outlook) 中的電子郵件拖放到另一個瀏覽器窗口。在Internet Explorer(10)中交換(郵件)拖放電子郵件
問題是,我選擇並拖放電子郵件到我的放置位置後,它不接受放置位置。 (僅適用於IE瀏覽器,Chrome瀏覽器)
如何創建接受電子郵件的放置位置?
我看看:https://www.html5rocks.com/en/tutorials/dnd/basics/ 但那裏拖動的對象從來沒有這樣鎖定。
然後我看了一下拖動的不同的實現,並在這個網站拖放功能:http://mereskin.github.io/dnd/
在Chrome瀏覽器中下面的代碼工作: 的jsfiddle:https://jsfiddle.net/puq3y6u1/
(JavaScript來實現DropLocation)
var dropbox = document.getElementById('dropbox');
dropbox.addEventListener('dragenter', noopHandler, false);
dropbox.addEventListener('dragexit', noopHandler, false);
dropbox.addEventListener('dragover', noopHandler, false);
dropbox.addEventListener('drop', drop, false);
function noopHandler(evt) {
evt.stopPropagation();
evt.preventDefault();
}
function drop(evt) {
evt.stopPropagation();
evt.preventDefault();
var data = evt.dataTransfer.getData("text/plain");
console.log(data);
}
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Drag and Drop the Office365 Mail</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div id="dropbox">DropZone </div>
<script src="js/script.js"></script>
</body>
</html>
CSS:
#dropbox {
width: 200px;
height: 200px;
background-color: blue;
color: white;
font-size: 30px;
text-align: center;
line-height: 200px;
}
我知道,對於Internet Explorer中的getData類型應改爲只有 「文本」。
但是,我不能只將setData更改爲「文本」,因爲它已經由owa站點實施。
當我嘗試通過chrome將郵件移入droplocation時,它按預期工作。
如果我嘗試將郵件從Internet Explorer窗口移動到Internet Explorer窗口,當我不在文件夾所在的導航欄上時,立即得到阻止。
我試着調試Owa是怎麼做的。因爲您可以將eMails拖放到文件夾(在IE中)。但我卡在那裏。代碼被縮小了,非常大,我可以分析它。