Video học lập trình mỗi ngày

Với đại dịch covid19 thì hầu như nền giáo dục đã chuyển đổi qua thi Online trên nhiều nền tảng đặc biệt là website. Nhưng còn có nhiều lỗ hổng để các thí sinh lợi dụng như switch tab để tra cứu bài thi, thì những lập trình viên sẽ giải quyết như thế nào?

Sử dụng event visibilitychange phát hiện user chuyển tab

Phương pháo này rất hay và hiệu quả. Đó là sử dụng visibilitychange là một thuộc tính dùng để Users Switch Tabs using JavaScript... Chúng ta thực hiện như sau.

document.addEventListener("visibilitychange", () => {
    // it could be either hidden or visible
    document.title = document.visibilityState;    
})

Sử dụng event blur or focus phát hiện user chuyển tab

Cách thứ hai cũng hiệu quả không kém đó là sử dụng 2 thuộc tính đó là blur or focus..

// when the user loses focus
window.addEventListener("blur", () => {
    document.title = "Breakup";
});

// when the user's focus is back to your tab (website) again
window.addEventListener("focus", () => {
    document.title = "Patch Up";
});

Kiểm tra và thực hành.

Bạn có thể check thực hành tại đây để hiểu hơn về 2 cách trên. Tks!