これは既に尋ねられていると思いますが、私はほぼ10のテキストフィールドを持つiframeページを持っています。ユーザーがテキストフィールドのいずれかをタップすると、そのページの位置。 これは可能ですか?iframe内の要素のY位置を取得する
答えて
これはテストされていませんが、正しい方向を指す必要があります。
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;
})
})
jQueryで少しamatuerですか、これはJavascriptで可能ですか? – user2431170
@ user2431170私の更新された回答を参照してください。 – Lewis
ありがとう@Lewis .. – user2431170
を両方の場合は、メインウィンドウとiframeの内容は、あなたが直接アクセスすることができ、同じプロトコル/ドメイン内にありますiframeのcontentBodyと入力フィールドのscrollTop位置を取得します。例えば
:
var y = $('iframe').contents().find('#myInputField').offset().top;
- 1. document.elementFromPoint(x、y)iframe内の要素を取得する
- 2. iframe内の要素のドキュメント位置
- 3. iframe内の絶対位置要素は?
- 4. リスト内の要素の位置を取得する方法は?
- 5. JavaScriptの要素の位置を取得
- 6. htmlソースの要素位置を取得
- 7. JS要素の位置を絶対位置で取得する場合の体の位置を取得
- 8. マングース、配列内の要素の位置を取得
- 9. スクロールビュー内の要素の位置を取得
- 10. Jquery - DOM内の要素の位置を取得
- 11. リストビュー内の要素の正確なy位置
- 12. mousemove over要素 - 正確なマウス位置を得るX Y
- 13. 擬似要素内の位置要素
- 14. HTML要素(iframe)内の要素数の取得
- 15. UIScrollView内のビューのy位置を取得
- 16. ImageView内のクリックのX/Y位置を取得
- 17. HTMLテーブル内の要素を検索した後にXとYの位置を取得します。
- 18. Android onAccessibilityEvent TextViewのX位置とY位置を取得
- 19. iFrame内のすべての要素を取得する
- 20. ReactJSの別の要素の位置を取得するには?
- 21. HTMLの要素の文字位置を取得する
- 22. 親の要素の位置(インデックス)を取得する
- 23. 別の要素の位置を取得する
- 24. ArrayListの要素の位置を取得する方法
- 25. マウスリリース時の要素の位置を取得するjQuery draggable
- 26. Javascriptでiframe要素内の要素を取得する方法は?
- 27. DOM内の位置に基づいて要素名を取得する
- 28. StackPanelで要素の位置を取得する方法は?
- 29. 要素の位置を取得するscrollTop
- 30. インデックスの要素位置を取得するREVERSED
は、同じドメイン上のiframe内のコンテンツですか?第二に、あなたはすでに何を試しましたか?あなたはどんな例も提供できますか? – Lewis
両方のファイルは同じサーバー/ドメインにありますか? –
@Lewis、はい、同じドメインにあります。私は実際のコードで試していましたが、ここに投稿する例はありませんでした。申し訳ありません。 – user2431170