전자 메일을 Office365 (Outlook) 에서 다른 브라우저 창으로 끌어서 놓으 려합니다.Exchange (Mail) Internet Explorer의 끌어서 놓기 전자 메일 (10)
문제는 드롭 다운 위치로 전자 메일을 선택하고 끌어온 후에 드롭 위치를 허용하지 않는다는 것입니다. (IE에서만 작동, 크롬 작동)
어떻게 이메일을 수신 할 수있는 드롭 위치를 만들 수 있습니까?
나는 다음과 같이 보았습니다 : https://www.html5rocks.com/en/tutorials/dnd/basics/ 그러나 드래그 된 객체는 절대로이 방법으로 잠글 수 없습니다.
는 다음 나는 드래그의 다른 구현을 살펴했고,이 사이트에서 드롭 기능 : http://mereskin.github.io/dnd/이
크롬에서 다음과 같은 코드가 작동합니다 JSFiddle : https://jsfiddle.net/puq3y6u1/
(자바 스크립트 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의 유형은 "텍스트"로 변경되어야한다는 것을 알고있다.
그러나 owata 사이트에서 이미 구현 되었기 때문에 setData를 "text"로 변경할 수 없습니다.
크롬을 통해 메일을 드롭 위치로 이동하려고하면 예상대로 작동합니다.
Internet Explorer 창에서 Internet Explorer 창으로 메일을 이동하려고하면 폴더가있는 탐색 모음에없는 순간 순간적으로 차단됩니다.
오와가 어떻게하는지 디버깅하려고했습니다. eMail을 폴더로 드래그 앤 드롭 할 수 있기 때문에 (IE에서). 하지만 거기에 갇혀 있어요. 코드가 축소되어 분석하기에 너무 큽니다. 당신은 Outlook Web App 또는 Internet Explorer를 사용하여 Exchange의 이메일을 드래그하면
