Catatan Penulis: Tidak ada respon saat saya menggunakan event onchange hari ini, Akhirnya saya mengecek informasinya dan mengetahui tentang keterbatasan dan ketidakstabilan Onchange. Namun onpropertychange dapat diimplementasikan dengan sangat baik, terutama performa capture real-time-nya yang layak untuk digunakan (Berkat performa ini, bos wanita sangat puas dengan apa yang saya buat o(∩_∩)o...).
Saya juga tergolong malas, dan terlalu malas untuk memilah-milah barang yang telah saya buat, sehingga saya hanya dapat membagikan informasi versi asli yang saya cari:
Di bawah IE, ketika properti elemen HTML berubah, properti tersebut dapat ditangkap melalui onpropertychange. Misalnya a
<masukan nama="teks1" id="teks1" />
Ketika atribut nilai objek diubah oleh skrip halaman, onchange tidak dapat menangkapnya, tetapi onpropertychange dapat menangkapnya. (Ditangkap secara real-time)
Dengan kata lain: onpropertychange dapat menangkap perubahan nilai atribut secara tepat waktu, dan onchange harus menyebabkan elemen saat ini kehilangan fokus (onblur) ketika nilai atribut berubah untuk mengaktifkan acara!
menyukai:
Contoh 1:
Silakan masukkan alamat gambar: <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img id = "myimg" src = "/img/common/logo.gif" />
Ketika isi kotak teks diubah, gambar akan langsung ditampilkan. Dan jika Anda menggunakan onchange, ketika mengubah nilainya, Anda perlu mengklik ruang kosong atau tempat lain dengan mouse untuk membuat elemen input kehilangan fokus (onblur) untuk mengaktifkan acara dan tampilan gambar akan berubah!
Contoh 2:
<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px" onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">
<IMG id="pratinjau" src="">
--------------------------------------------------- ---------------
Acara onpropertychange sangat lucu, saya langsung jatuh cinta pada pandangan pertama
onChange: Peristiwa yang dipicu ketika elemen saat ini kehilangan fokus dan konten elemen berubah [dapat dipicu oleh mouse dan keyboard]
Oleh karena itu, ketika nilai objek diubah oleh skrip, event onChange tidak akan terpicu karena pengguna tidak menggerakkan mouse atau keyboard.