sự kiện trình duyệt cho window.focus()

Question

Có cách nào mà khi tôi nhấp vào trình duyệt của mình và tập trung vào nó để chạy một phương thức một lần không? Và sau đó khi trình duyệt mất tập trung và sau đó lấy lại tiêu điểm để chỉ chạy lại phương thức đó một lần nữa.

Xin cảm ơn,

thanh.

Answer 1

Bạn có thể đính kèm focus và blur trình xử lý sự kiện vào đối tượng window để theo dõi xem cửa sổ bị mất hay mất tiêu điểm (xem http://jsfiddle.net/whQFz/ cho ví dụ nhỏ). window áp dụng cho ngữ cảnh trình duyệt hiện tại (để có thể là cửa sổ, tab, khung, v.v.).

Lưu ý: Sự kiện focus sẽ kích hoạt mỗi khi cửa sổ lấy nét và sự kiện blur sẽ kích hoạt mỗi lần mất tiêu điểm. Một ví dụ về thứ gì đó lấy nét ra khỏi cửa sổ là một cửa sổ alert. Nếu bạn cố gắng cảnh báo trong trình xử lý sự kiện onfocus, bạn sẽ nhận được một chuỗi thông báo vô hạn!

// Set global counter variable to verify event instances 
var nCounter = 0; 

// Set up event handler to produce text for the window focus event 
window.addEventListener("focus", function(event) 
{ 
    document.getElementById('message').innerHTML = "window has focus " + nIndex; 
    nCounter = nCounter + 1; 
}, false); 

// Example of the blur event as opposed to focus 
// window.addEventListener("blur", function(event) { 
// document.getElementById('message').innerHTML = "window lost focus"; }, 
// false); 

Answer 2

$(document).ready(function() { $(window).one("focus", SomeFocusMethod); }); 

var SomeFocusMethod = function() 
{ 
    // do stuff 
    $(window).one("blur", SomeBlurMethod); 
} 

var SomeBlurMethod = function() 
{ 
    // do stuff 
    $(window).one("focus", SomeFocusMethod); 
} 

Answer 3

Nếu bạn đang nhắm mục tiêu các trình duyệt mới hơn IE9 bạn thực sự cần sử dụng "API hiển thị trang" javascript api trình duyệt: https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API