Javascript 获取元素在iframe中的Y位置
我想这已经被问过了,我有一个iframe页面,我们有将近10个textfield,每当用户点击任何一个textfield时,我想知道该页面中Y的位置。Javascript 获取元素在iframe中的Y位置,javascript,html,angularjs,iframe,Javascript,Html,Angularjs,Iframe,我想这已经被问过了,我有一个iframe页面,我们有将近10个textfield,每当用户点击任何一个textfield时,我想知道该页面中Y的位置。 这可能吗?这是未经测试的,但应该为您指明正确的方向 jQuery $(document).ready(function(){ var iframe = $('iframe'); var inputs = iframe.find('input'); $.each(inputs, function(){
这可能吗?这是未经测试的,但应该为您指明正确的方向 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,使其更易于定位,然后:
如果主窗口和iframe内容都在同一协议/域中,则可以直接访问iframe的contentBody并获取输入字段的滚动顶部位置 例如:
var y = $('iframe').contents().find('#myInputField').offset().top;
iframe中的内容是否在同一域上?第二,你已经试过什么了?你能提供一些例子吗?两个文件都在同一个服务器/域上吗?@Lewis,是的,它在同一个域中。我在实际代码中进行了尝试,没有任何示例发布在这里,对不起。我在jQuery中尝试了这些链接,这在Javascript中可能吗?
var y = $('iframe').contents().find('#myInputField').offset().top;