iframe要素にはドラッグ&ドロップイベントは適応されないのでしょうか？

JavaScript初心者です。

iframe要素に対してドラッグ&ドロップ関連のイベントが起きたときにJavaScriptで命令を書こうとしているのですが、

例えば下記サンプルのようにiframe要素の対してdragenterしてもconsole.logが反応しません。

mouseoverイベントは反応しているのですが…

html
1<html>
2<iframe src="" height="200px" width="200px" id="iframe_sample"></iframe>
3<div id="div_sample" style="height:200px;width:200px;border:1px solid black;">ただのdiv</div>
4<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
5<script>
6    $('#iframe_sample').bind('dragenter',function(e){
7        console.log("iframe_dragenter!");
8    }).bind('dragover', function(){
9        console.log("iframe_dragover!"); //2回目反応しない！？
10    });
11    
12    $('#div_sample').bind('dragenter',function(e){
13        e.preventDefault();
14        console.log("div_dragenter!");
15    }).bind('mouseover',function(e){
16        console.log("div_mouseover");
17    });
18</script>
19</html>

これってそもそもiframe要素にはドラッグ&ドロップイベントは反応しないような仕様になっているのでしょうか？？

また、もしそのような仕様でしたら、iframe要素の対してドラッグ&ドロップ関連イベントが起きたときに、JavaScriptで何か命令を出す他の策はあるのでしょうか…？？

どなたか分かる方、ご教示頂けますと幸いでございます。

※サンプル中のdiv要素「#div_sample」は比較のため用意したものです。「#div_sample」についてはdragenterもmouseoverも反応しました。

行動規範の内容に同意します

回答1件

ベストアンサー

iframe自体にマウスオーバーは可能です。
しかし、ドロップする場合、iframe内のHTMLが対象になるので、
そっちにJavaScript書けば良いんじゃないですかね。

投稿2016/02/29 07:54

ogaaaan

総合スコア765

afroscript

2016/02/29 09:28

ご回答、誠にありがとうございます！ iframeにはmouseoverでなく、 dragenterやdragover、drop等のドラッグ&ドロップに関するイベントに対してJavaScriptで命令を出したいです…！！ >ドロップする場合、iframe内のHTMLが対象になるあ、iframe内のHTMLが対象になってしまうのですね…！！ >そっちにJavaScript書けば良いんじゃないですかね。実は、今つくろうとしているサービスでは、ユーザーがドラッグ&ドロップしたファイルの内容を読み込んで、iframe内に表示するというのを作ってまして、ドラッグ＆ドロップされるファイルの中身はこちらでコントロールできないのです…！！

ogaaaan

2016/03/01 02:10

『iframeにはmouseoverでなく、』 ↑ 自分で質問にそう書いたでしょ？www それを引き合いに出しただけ。『ユーザーがドラッグ&ドロップしたファイルの内容を読み込んで、iframe内に表示する』 ↑ 別にiframeにドロップしなくてもいいってこと？ドロップゾーンをiframeじゃないところに作れば、コントロールできると思うけどどうですかね。

afroscript

2016/03/08 05:37

お返事遅くなってしまい、申し訳ございません…！！ >自分で質問にそう書いたでしょ？www >それを引き合いに出しただけ。 →あ…失礼しました！なんか僕のコメントがズレてました…！！また、 >別にiframeにドロップしなくてもいいってこと？こちらについては、iframeにドロップしたいと考えていました！ >ドロップゾーンをiframeじゃないところに作れば、コントロールできると思うけどどうですかね。やはりこの方法が確実ですね…！！ありがとうございます！この方法で進めてみます！！

行動規範の内容に同意します