Javascript để phát hiện xem người dùng có thay đổi tab

Question

Tôi muốn viết một trang web cho bài kiểm tra trực tuyến.Có yêu cầu không, nếu người thay đổi câu đố hoặc mở cửa sổ mới ngay cả khi không thu nhỏ trình duyệt, tức là nếu người đó cố gắng xem câu trả lời từ một số cửa sổ/tab khác, bài kiểm tra nên dừng lại. Làm thế nào tôi có thể làm điều đó?
P.S: nó không phải là một số tính năng HTML5 rất mới. Tôi muốn nó được hỗ trợ bởi tất cả các trình duyệt chính hiện nay.

Answer 1

Bạn có thể xác định xem một tab hoặc cửa sổ đang hoạt động bằng cách gắn một mờ/tập trung kiện nghe để cửa sổ.

trong jQuery nó sẽ là

$(window).focus(function() { 
    //do something 
}); 

$(window).blur(function() { 
    //do something 
}); 

trích dẫn từ này SO trả lời: https://stackoverflow.com/a/1760268/680578

Answer 2

Nếu bạn đang nhắm mục tiêu các trình duyệt hỗ trợ nó, bạn có thể sử dụng API hiển thị trang có sẵn trong HTML5. Nó không trực tiếp phát hiện các thay đổi tab, mỗi lần nói, nhưng thay đổi hiển thị. Trong đó sẽ bao gồm (nhưng không giới hạn) thay đổi tab.

Xem https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API

Answer 3

tốt nhất có nguồn gốc chức năng tay xuống, không có jQuery.

document.hasFocus 

Kiểm tra bút, kiểm tra xem điều gì sẽ xảy ra khi bạn truy cập liên kết và quay lại tab mã.

https://codepen.io/damianocel/pen/Yxxzdj