Peristiwa onselect

Definisi dan penggunaan

Peristiwa onselect terjadi setelah teks di elemen dipilih.

Peristiwa onselect digunakan utamanya untuk elemen <input type="text"> atau <textarea>.

Contoh

Contoh 1

Eksekusi JavaScript saat teks di pilih:

<input type="text" onselect="myFunction()">

Coba sendiri

Contoh 2

Gunakan metode select() dari objek Input Text DOM HTML untuk memilih beberapa konten bidang teks. Saat hal ini terjadi, akan diaktifkan peristiwa onselect, yang akan diaktifkan fungsi alert.

// Pilih konten bidang teks
function mySelectFunction() {
  document.getElementById("myText").select();
}
// Munculkan beberapa teks saat teks di pilih di bidang teks
function myAlertFunction() {
  alert("You selected some text!");
}

Coba sendiri

Sintaks

Pada HTML:

<element onselect="myScript">

Coba sendiri

Pada JavaScript:

object.onselect = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("select", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener()

Detil teknis

Bubbling: Tidak didukung
Dapat dibatalkan: Tidak didukung
Tipe event: Jika dihasilkan dari antarmuka pengguna,UiEvent。Jika tidak Event
Tanda HTML yang didukung: <input type="file">, <input type="password">, <input type="text"> serta <textarea>
Versi DOM: Level 2 Events

Dukungan Browser

Event Chrome IE Firefox Safari Opera
onselect Dukungan Dukungan Dukungan Dukungan Dukungan