お世話になります。
現在行っている、Webアプリケーション開発にて、
対象の画像をドラッグし、指定のテキストエリア内の任意の位置にドロップすると、専用のテキストが挿入されるといった動作を行いたいと考えています。
chromeでは正しく動作していますが、IEにてドラッグしてきたものをドロップしようとすると、カーソルが禁止アイコンになってしまいドロップできません。
以下、ソースコードを掲載させていただきます。
// 対象の画像に設定したIDを取得する
document.addEventListener("dragstart",function(ev){
ev.dataTransfer.setData("text/plain",ev.target.id);
},false);
//idが"srcfront"のdivにイベントを設定する
var dropzone = document.getElementById('srcfront');
//dragenterイベントをキャンセル
dropzone.addEventListener('dragenter',function(e){
e.preventDefault();
},false);
//dragoverイベントでドラッグオペレーションを設定
dropzone.addEventListener('dragover',function(e){
e.dataTransfer.dropEffect="copy";
},false);
dropzone.addEventListener('drop',function(ev){
var data = ev.dataTransfer.getData("text/plain");
ev.target.textContent = data;
ev.preventDefault();
},false);
先述致しましたが、chromeでは問題なく動作しています。(任意のカーソル位置にドロップできる)
IEでも同じことができればと考えています。
ご教示いただければ幸いです。よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/18 08:57
2016/08/18 09:11
2016/08/18 09:22
2016/08/18 10:07
2016/08/19 00:57 編集