Khi người dùng ở trên trang của tôi, tôi không muốn anh ta làm mới trang.
Bất cứ lúc nào, người dùng nhấn F5hoặc nút làm mới ở trên cùng. Anh ấy sẽ nhận được một câu nói cảnh báo
Bạn không thể làm mới trang.
Ngoài ra, nếu người dùng mở một tab mới và cố gắng truy cập vào cùng một url trong tab trước, anh ta sẽ nhận được cảnh báo
Bạn không thể mở cùng một trang trong 2 tab
Dù sao tôi có thể làm điều này bằng cách sử dụng JavaScript hoặc jQuery? Điểm một là thực sự quan trọng.
Câu trả lời:
# 1 có thể được thực hiện thông qua window.onbeforeunload.
Ví dụ:
<script type="text/javascript">
window.onbeforeunload = function() {
return "Dude, are you sure you want to leave? Think of the kittens!";
}
</script>Người dùng sẽ được nhắc với thông báo và được cung cấp tùy chọn để ở lại trang hoặc tiếp tục theo cách của họ. Điều này đang trở nên phổ biến hơn. Stack Overflow thực hiện điều này nếu bạn cố gắng điều hướng khỏi một trang trong khi bạn đang nhập một bài đăng. Bạn không thể ngăn hoàn toàn người dùng tải lại, nhưng bạn có thể làm cho nó nghe thật đáng sợ nếu họ làm vậy.
# 2 là ít nhiều không thể. Ngay cả khi bạn đã theo dõi các phiên và thông tin đăng nhập của người dùng, bạn vẫn không thể đảm bảo rằng bạn đang phát hiện tab thứ hai một cách chính xác. Ví dụ, có thể tôi đang mở một cửa sổ, sau đó đóng nó lại. Bây giờ tôi mở một cửa sổ mới. Bạn có thể sẽ phát hiện ra nó như một tab thứ hai, mặc dù tôi đã đóng tab đầu tiên. Giờ đây, người dùng của bạn không thể truy cập cửa sổ đầu tiên vì họ đã đóng nó và họ không thể truy cập cửa sổ thứ hai vì bạn đang từ chối họ.
Trên thực tế, hệ thống trực tuyến của ngân hàng của tôi rất cố gắng để thực hiện điều thứ 2 và tình huống được mô tả ở trên luôn xảy ra. Tôi thường phải đợi cho đến khi phiên phía máy chủ hết hạn trước khi có thể sử dụng lại hệ thống ngân hàng.
Bạn không thể ngăn người dùng làm mới, bạn cũng không nên thực sự cố gắng. Bạn nên quay lại lý do tại sao bạn cần giải pháp này, vấn đề gốc rễ ở đây là gì ?. Bắt đầu từ đó và tìm một cách khác để giải quyết vấn đề. Có lẽ bạn đã giải thích cặn kẽ về lý do tại sao bạn nghĩ rằng bạn cần làm điều này, nó sẽ giúp ích trong việc tìm ra giải pháp như vậy.
Phá vỡ các tính năng cơ bản của trình duyệt không bao giờ là một ý tưởng hay, hơn 99,999999999% internet hoạt động và làm mới với F5, đây là kỳ vọng của người dùng, bạn không nên phá vỡ.
Mặc dù tắt phím F5 không phải là một ý kiến hay, bạn có thể thực hiện nó trong JQuery như bên dưới.
<script type="text/javascript">
function disableF5(e) { if ((e.which || e.keyCode) == 116 || (e.which || e.keyCode) == 82) e.preventDefault(); };
$(document).ready(function(){
$(document).on("keydown", disableF5);
});
</script>Hy vọng điều này sẽ giúp ích!
Quay lại những ngày đầu của CGI, chúng ta có nhiều hình thức sẽ kích hoạt các hành động phụ trợ khác nhau. Chẳng hạn như thông báo văn bản cho các nhóm, lệnh in, quản lý dữ liệu, v.v.
Nếu người dùng đang ở trên một trang có nội dung "Vui lòng đợi ... Đang thực hiện một số công việc LỚN có thể mất một chút thời gian.". Họ có nhiều khả năng nhấn REFRESH và điều này sẽ XẤU!
TẠI SAO? Bởi vì nó sẽ kích hoạt nhiều công việc chậm hơn và cuối cùng là sa lầy toàn bộ.
Giải pháp? Cho phép họ làm theo mẫu của họ. Khi họ gửi biểu mẫu ... Hãy bắt đầu công việc của bạn và sau đó hướng họ đến một trang khác yêu cầu họ đợi.
Nơi trang ở giữa thực sự chứa dữ liệu biểu mẫu cần thiết để bắt đầu công việc. Tuy nhiên, trang CHỜ chứa một hủy lịch sử javascript. Vì vậy, họ có thể RELOAD trang chờ đó tất cả những gì họ muốn và nó sẽ không bao giờ kích hoạt công việc ban đầu để bắt đầu ở chế độ nền vì trang WAIT đó chỉ chứa dữ liệu biểu mẫu cần thiết cho chính WAIT.
Hy vọng điều đó có ý nghĩa.
Chức năng hủy lịch sử cũng ngăn họ nhấp vào QUAY LẠI và sau đó làm mới.
Nó rất liền mạch và hoạt động hiệu quả trong NHIỀU năm cho đến khi tổ chức phi lợi nhuận bị loại bỏ.
Ví dụ: NHẬP MẪU - Thu thập tất cả thông tin của họ và khi được gửi, điều này sẽ kích hoạt công việc phụ trợ của bạn.
RESPONSE từ mục nhập biểu mẫu - Trả về HTML thực hiện chuyển hướng đến trang chờ tĩnh của bạn và / hoặc ĐĂNG / NHẬN đến một biểu mẫu khác (trang CHỜ).
TRANG CHỜ - Chỉ chứa dữ liệu MẪU liên quan đến trang chờ cũng như javascript để hủy lịch sử gần đây nhất. Giống như (-1 HOẶC -2) để chỉ hủy các trang gần đây nhất, nhưng vẫn cho phép chúng quay lại trang mục nhập MẪU ban đầu của chúng.
Khi họ ở trang CHỜ của bạn, họ có thể nhấp vào LÀM MỚI bao nhiêu tùy thích và nó sẽ không bao giờ xuất hiện công việc MẪU ban đầu trên chương trình phụ trợ. Thay vào đó, trang WAIT của bạn nên tự làm mới theo thời gian META để nó luôn có thể kiểm tra trạng thái công việc của họ. Khi công việc của họ hoàn thành, họ được chuyển hướng khỏi trang chờ đến bất cứ nơi nào bạn muốn.
Nếu họ làm lại thủ công ... Họ chỉ cần thêm một lần kiểm tra trạng thái công việc của họ trong đó.
Hy vọng rằng sẽ giúp. Chúc may mắn.
Không, không có.
Tôi khá chắc chắn rằng không có cách nào để chặn một cú nhấp chuột vào nút làm mới từ JS và ngay cả khi có, JS có thể được tắt.
Bạn có thể nên lùi lại từ X (ngăn làm mới) và tìm một giải pháp khác cho Y (bất kể điều đó có thể là gì).
Số (2) có thể thực hiện được bằng cách sử dụng triển khai socket (như websocket, socket.io, v.v.) với nhịp tim tùy chỉnh cho mỗi phiên mà người dùng tham gia. Nếu người dùng cố gắng mở một cửa sổ khác, bạn phải kiểm tra trình xử lý javascript với máy chủ nếu nó ổn, và sau đó trả lời bằng một thông báo lỗi.
Tuy nhiên, một giải pháp tốt hơn là đồng bộ hóa hai phiên nếu có thể như trong tài liệu google.
Vấn đề số 2 hiện có thể được giải quyết bằng BroadcastAPI .
Hiện tại, nó chỉ có sẵn trong Chrome, Firefox và Opera.
var bc = new BroadcastChannel('test_channel');
bc.onmessage = function (ev) {
if(ev.data && ev.data.url===window.location.href){
alert('You cannot open the same page in 2 tabs');
}
}
bc.postMessage(window.location.href);