Dapatkah Anda menutup tab dengan javascript?

Penutup tab atau jendela di browser dapat dideteksi dengan menggunakan event beforeunload. Ini dapat digunakan untuk memberi tahu pengguna jika ada data yang belum disimpan di halaman, atau pengguna salah keluar dari halaman saat ini dengan menutup tab atau browser.

Table of Contents Show

Bagaimana cara menutup tab menggunakan JavaScript?
Bagaimana cara membuka dan menutup tab baru di JavaScript?
Bagaimana cara menutup jendela di JavaScript secara otomatis?
Bagaimana cara menutup tab secara langsung?

Metode addEventListener() digunakan untuk menyiapkan fungsi setiap kali peristiwa tertentu terjadi. Acara beforeunload diaktifkan tepat sebelum jendela dan sumber dayanya akan dibongkar. Saat acara ini diaktifkan, laman web akan terlihat dan acara tersebut masih dapat dibatalkan pada saat ini.

Penangan kejadian harus memanggil preventDefault() untuk menampilkan dialog konfirmasi sesuai dengan spesifikasi. Jika pengguna ingin melanjutkan ke halaman baru, maka ia menavigasi ke halaman baru, jika tidak, navigasi dibatalkan. Namun, browser lama mungkin tidak mendukung metode ini dan metode lawas digunakan di mana event handler harus mengembalikan string. String yang dikembalikan ini bisa kosong.

Beberapa browser mungkin tidak memutuskan untuk menampilkan kotak konfirmasi apapun kecuali pengguna telah berinteraksi dengan halaman tersebut. Ini digunakan untuk mencegah situs web yang tidak diinginkan atau berbahaya membuat pop-up yang tidak perlu. Pengguna mungkin harus berinteraksi dengan halaman untuk melihat pesan konfirmasi. Cara ini berfungsi untuk mendeteksi baik saat tab sedang ditutup maupun saat browser sedang ditutup.

Sintaksis

window.addEventListener('beforeunload', function (e) {
    e.preventDefault();
    e.returnValue = '';
});

Contoh.

html

<!DOCTYPE html>

<html>

<head>

<________2

window.close()

_5_______

<!DOCTYPE html>3<!DOCTYPE html>4

<!DOCTYPE html>6<!DOCTYPE html>1>

<!DOCTYPE html>6head>

<<4>

<<8 <9html0html1>

<!DOCTYPE html>3html4

<!DOCTYPE html>6<8>

html_9

<>2>3>2>

html_9

<>_9>

<!DOCTYPE html>3 2

<!DOCTYPE html>3 4

<!DOCTYPE html>3 6

<!DOCTYPE html>3 8

<!DOCTYPE html>3<0

<!DOCTYPE html>3<2

<!DOCTYPE html>6>9>

html_9

<________8

window.addEventListener('beforeunload', function (e) {
    e.preventDefault();
    e.returnValue = '';
});

_5_______

<!DOCTYPE html>3<head4 head5

<!DOCTYPE html>3head7

<!DOCTYPE html>3<!DOCTYPE html>6head4>

<!DOCTYPE html>6head0>

html_9

>7<>9 0html0 2>

<!DOCTYPE html>3 5

6 7

6 9

<!DOCTYPE html>3<!DOCTYPE html>01

<!DOCTYPE html>3<!DOCTYPE html>6>9>

<!DOCTYPE html>6<4>

<!DOCTYPE html>6html>

Keluaran

Mendeteksi penutupan browser atau tab

JavaScript terkenal untuk pengembangan halaman web tetapi juga digunakan di berbagai lingkungan non-browser. Anda dapat mempelajari JavaScript dari awal dengan mengikuti Tutorial JavaScript dan Contoh JavaScript ini

Kami akan melihat metode untuk menutup tab saat ini di jendela browser menggunakan JavaScript. Sebelumnya pernah terjadi bahwa dengan fungsi JavaScript sederhana, tab saat ini biasanya ditutup. Sintaks berikut digunakan untuk tujuan ini.

Sintaksis

window.close()

Namun memperhitungkan fitur keamanan, yang diperkenalkan beberapa tahun lalu, JavaScript biasa kehilangan hak istimewanya untuk menutup tab saat ini, hanya dengan menggunakan sintaks ini.

Catatan. Jendela/tab saat ini hanya akan ditutup jika dan hanya jika dibuat & dibuka oleh skrip tersebut. Berarti jendela. sintaks tutup hanya diperbolehkan untuk jendela/tab yang dibuat dan dibuka menggunakan jendela. metode terbuka.

Bagaimana cara menutup tab menggunakan JavaScript?

Anda tidak dapat menutup tab apa pun melalui JavaScript . "Metode ini hanya boleh dipanggil untuk jendela yang dibuka oleh skrip menggunakan jendela. metode terbuka. " Dengan kata lain, Anda hanya dapat menggunakan JavaScript untuk menutup jendela/tab yang dibuat melalui JavaScript.

Bagaimana cara membuka dan menutup tab baru di JavaScript?

Untuk membuka tab baru, kita harus menggunakan _blank di parameter kedua jendela. metode terbuka() . Nilai pengembalian jendela. open() adalah referensi ke jendela atau tab yang baru dibuat atau null jika gagal.