我想将eMail从Office365 (Outlook)拖放到另一个浏览器窗口。
问题是,当我选择并拖动一封电子邮件到我的放置位置后,它就不接受删除位置了。(仅在IE中,镀铬作品)
如何创建接受eMail的放置位置?
我看了一下: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;
}我知道,对于,应该将getData类型更改为"text“。
但是,我不能将setData更改为"text“,因为这已经被owa站点实现了。
当我试图通过铬将邮件移动到液滴中时,它就像预期的那样工作。
如果我试图将邮件从Internet窗口移动到Internet窗口,则当我不在文件夹所在的导航栏时立即被阻塞。
我试着去调试Owa是怎么做的。因为您可以将eMails拖放到文件夹中(在IE中)。但我被困在那里了。这段代码很小,对我来说很大,可以分析它。

发布于 2016-12-06 09:55:59
在Outlook或中拖动eMail时,它将被复制到剪贴板中。
通过以下方式:
window.clipboardData.getData("Text");你可以得到数据。但是,您需要在“Internet安全策略设置”中启用剪贴板选项。
https://stackoverflow.com/questions/40891996
复制相似问题