Adakah jquery mempunyai acara input?-Soal Jawab bahagian hadapan-php.cn

Adakah jquery mempunyai acara input?

藏色散人

Lepaskan： 2023-03-21 10:41:05

asal

1837 orang telah melayarinya

jquery mempunyai peristiwa input jquery melaksanakan kod peristiwa pencetus input masa nyata bagi kotak input input ialah "$('#productName').bind('input propertychange', function() {...}".

Adakah jquery mempunyai acara input?

Persekitaran pengendalian tutorial ini : Sistem Windows 10, jquery versi 3.6, komputer Dell G3

Adakah jquery mempunyai peristiwa input

Ya kod peristiwa pencetus input masa nyata

Kod adalah seperti berikut:

<input id="productName" name="productName" class="wid10" type="text" value="" />

Salin selepas log masuk

Kod adalah seperti berikut:

//绑定商品名称联想 
$(&#39;#productName&#39;).bind(&#39;input propertychange&#39;, function() {searchProductClassbyName();});

Salin selepas log masuk

searchProductClassbyName ialah Kaedah pencetus yang dipanggil selepas

js/jquery Penyelesaian sempurna untuk memantau perubahan nilai kotak input dalam masa nyata: oninput & onpropertychange Adakah jquery mempunyai acara input?

(1) Mari kita bincangkan tentang jquery dahulu, gunakan Untuk perpustakaan jQuery, anda hanya perlu mengikat peristiwa oninput dan onpropertychange pada masa yang sama:

(2) Untuk JS penulisan asli, oninput ialah acara standard HTML5 Untuk pengesanan Textarea, input:text, input:password dan input:search sangat berguna untuk perubahan kandungan melalui antara muka pengguna Ia dicetuskan serta-merta selepas kandungan diubah suai peristiwa yang memerlukan kehilangan fokus sebelum peristiwa oninput dicetuskan dalam penyemakan imbas arus perdana Keserasian penyemak imbas adalah seperti berikut:

$(&#39;#username&#39;).bind(&#39;input propertychange&#39;, function() {
    $(&#39;#content&#39;).html($(this).val().length + &#39; characters&#39;);
});

Salin selepas log masuk

Seperti yang dapat dilihat daripada. jadual di atas, acara oninput tidak disokong dalam versi di bawah IE9, dan acara onpropertychange khusus IE perlu digunakan, sebaliknya, peristiwa ini akan dicetuskan apabila antara muka pengguna berubah atau apabila kandungan diubah suai secara langsung menggunakan skrip. Terdapat situasi berikut: Adakah jquery mempunyai acara input?

Keadaan input:kotak pilihan atau elemen input:radio diubah suai, atribut yang ditandai Perubahan telah berlaku

Nilai input:teks atau kawasan teks elemen telah diubah suai Atribut nilai telah berubah

Item yang dipilih bagi elemen pilih telah diubah suai.

Selepas mendengar acara onpropertychange, anda boleh menggunakan atribut propertyName bagi acara tersebut untuk mendapatkan nama harta yang ditukar.

Koleksi oninput & onpropertychange Kod sampel untuk memantau perubahan kandungan kotak input adalah seperti berikut:

Pembelajaran yang disyorkan:

Tutorial video jQuery

 <head>
    <script type="text/javascript">
    // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
        function OnInput (event) {
            alert ("The new content: " + event.target.value);
        }
    // Internet Explorer
        function OnPropChanged (event) {
            if (event.propertyName.toLowerCase () == "value") {
                alert ("The new content: " + event.srcElement.value);
            }
        }
    </script>
</head>
<body>
    Please modify the contents of the text field.
    <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"
     value="Text field" />
</body>

Salin selepas log masuk

Atas ialah kandungan terperinci Adakah jquery mempunyai acara input?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!