Q&A
コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。
スマホでiframe内をタッチしたらイベントが起きるようにしたいのですが、うまくできません。何がいけないのでしょうか？
sample.html
<html> <!DOCTYPE HTML> <head> <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/test.js" type="text/javascript"></script> </head> <body> <iframe src="iframe_test.html" id="iframe"></iframe> </body> </html> -------------------------------------------iframe_test.html
<html> <head> </head> <body> <div> インラインフレームの内容 </div> </body> </html> -------------------------------------------test.js
$(function() {
$('#iframe').on('touchstart', function () {
alert("タップされた");
});
});
よろしくお願いします。
回答1件
0
ベストアンサー
厳密には$(function(){})が実行されるタイミングではiframeの内容が完全に読み込まれていない可能性があります。そこで、$(window).on("load", function(e){})を使います。さらに、$("#iframe")に対してはタッチやクリックイベントは発行されないため、$("#iframe").contents().find("body")を使い、iframe内のbodyに対し、イベントハンドラを登録します。以下のようなコードで試してみてください。
Javascript
1$(window).on("load", function(e){ 2 $("#iframe").contents().find("body").on("touchstart", function(e){ 3 alert("タップされた"); 4 }); 5});
投稿2016/07/07 00:43
編集2016/07/07 00:44
総合スコア9206
あなたの回答
tips
プレビュー
