Script Cảnh báo người dùng khi rời khỏi trang

Script warning the user before leaving the page

Đoạn script sau sẽ xác nhận lại điều hướng khi người dùng rời khỏi trang bằng cách nhấn vào liên kết bất kỳ trên trang hay đóng tab, tải lại trang bằng cách hiện lên hộp thoại cảnh báo.

Code

1Vào Mẫu >> Chỉnh sửa HTML và dán đoạn code trước thẻ </body>

2Bạn có thể lựa chọn 1 trong 2 trong sau sử dụng jQuery hoặc Javascript.

+ jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script type="text/javascript">
    //By using jQuery
    $(window).bind('beforeunload', function () {
        return 'Các thay đổi chưa lưu của bạn sẽ bị mất.';
    });
</script>

+ Javascript

<script type="text/javascript">
    //By using JavaScript
    window.onbeforeunload = function () {
        return 'Các thay đổi chưa lưu của bạn sẽ bị mất.';
    }
</script>

3Thủ thuật trên sẽ hoạt động trên toàn bộ website. Bạn có thể kết hợp với thẻ điều kiện if để chỉ xuất hiện ở những nơi bạn muốn.

Xem thêm: Tổng hợp các trường hợp sử dụng thẻ điều kiện if - else trong Blogger

• DEMO

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm