2016-11-30 74 views
0

我想將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中)。但我卡在那裏。代碼被縮小了,非常大,我可以分析它。

Screenshot of Chrome Debug Event

回答

0

當您在Outlook Web App或Exchange使用Internet Explorer拖動一個電子郵件就被複制到剪貼板。

有了:

window.clipboardData.getData("Text"); 

你可以得到的數據。但是,您需要在Internet安全策略設置中啓用剪貼板選項。

相關問題