Đặt tiêu điểm thành iFrame trong IE

Question

Có một trình đơn cây trong ứng dụng của tôi và khi nhấp vào các mục menu, nó sẽ tải một url trong iFrame. Tôi muốn đặt trọng tâm vào phần tử của trang được tải trong iFrame.

Tôi đang sử dụng mã này, và nó hoạt động hoàn hảo trong tất cả các trình duyệt trừ IE:

var myIFrame = $("#iframeName"); 
myIFrame.focus(); 
myIFrame.contents().find('#inputName').focus(); 

Tôi đã thử tất cả các tùy chọn khác nhau như sử dụng setTimeout, nhưng không có cơ hội.

Sau khi tải trang, khi tôi nhấn phím tab, nó sẽ chuyển đến đầu vào thứ hai, có nghĩa là nó đã được nhập vào đầu tiên, nhưng nó không hiển thị con trỏ!

Tôi đang sử dụng ExtJS và plugin ManagedIFrame.

Mọi trợ giúp đều được đánh giá cao.

Answer 1

iFrame có thể hiển thị khi tải hoặc hiển thị sau không? Các phần tử được tạo theo thứ tự khác nhau, là cơ sở của phương pháp setTimeout. Bạn đã thử thời gian chờ đợi có giá trị cao trên thời gian chờ đã đặt chưa?

Hãy thử một cái gì đó như ít nhất một nửa thứ hai để kiểm tra ... IE có xu hướng làm những điều theo một thứ tự khác nhau, do đó, một thời gian chờ cao có thể cần thiết để có được nó không phải để bắn cho đến khi render/sơn hoàn thiện:

$(function(){ 
    setTimeout(function() { 
    var myIFrame = $("#iframeName"); 
    myIFrame.focus(); 
    myIFrame.contents().find('#inputName').focus(); 
    }, 500); 
}); 

Answer 2

Bạn cần gọi phương thức focus() đối tượng window của khung nội tuyến, không phải là phần tử iframe. Tôi không có chuyên gia trong jQuery hoặc ExtJS, vì vậy ví dụ của tôi dưới đây không sử dụng.

function focusIframe(iframeEl) { 
    if (iframeEl.contentWindow) { 
     iframeEl.contentWindow.focus(); 
    } else if (iframeEl.contentDocument && iframeEl.contentDocument.documentElement) { 
     // For old versions of Safari 
     iframeEl.contentDocument.documentElement.focus(); 
    } 
} 

Answer 3

Khó khắc phục sự cố mà không làm ví dụ, nhưng bạn có thể thử ẩn và hiển thị đầu vào, để buộc IE vẽ lại phần tử.

Cái gì như:

var myIFrame = $("#iframeName"); 
myIFrame.focus(); 
myIFrame.contents().find('#inputName').hide(); 
var x = 1; 
myIFrame.contents().find('#inputName').show().focus(); 

này có thể Jolt IE vào hiển thị con trỏ.

Answer 4

tôi có thể nhận được IE để tập trung một lĩnh vực đầu vào trong một khung nội tuyến với:

iframe.focus(); 
var input = iframe... 
input.focus(); 
iframe.contentWindow.document.body.focus(); 
input.focus();