iframe内の要素のY位置を取得する

Question

これは既に尋ねられていると思いますが、私はほぼ10のテキストフィールドを持つiframeページを持っています。ユーザーがテキストフィールドのいずれかをタップすると、そのページの位置。 これは可能ですか？

Answer 1

これはテストされていませんが、正しい方向を指す必要があります。

jQueryの

$(document).ready(function(){ 
     var iframe = $('iframe'); 
     var inputs = iframe.find('input'); 

     $.each(inputs, function(){ 
     $(this).click(function(){ 
      console.log($(this).offset().top)); 
     }) 
     }) 
    }) 

バニラJavascriptを

コメントごとに更新しました。また、テストされていません。

はその後、あなたのiframeそれが簡単にターゲットにするようにするIDを与える：

var iframe = document.getElementById('iframe'); 
var inputs = Array.prototype.slice.call(iframe.getElementsByTagName('input')); 

inputs.forEach(function(input,i){ 
    input.addEventListener('click', function(){ 
    console.log(this.getBoundingClientRect().top; 
    }) 
}) 

Answer 2

を両方の場合は、メインウィンドウとiframeの内容は、あなたが直接アクセスすることができ、同じプロトコル/ドメイン内にありますiframeのcontentBodyと入力フィールドのscrollTop位置を取得します。例えば

：

var y = $('iframe').contents().find('#myInputField').offset().top;