استفاده از رویداد change در جی کویری برای input با تایپ number

پاسخ هوش مصنوعی

برای اینکه اطمینان حاصل کنید که رویداد تغییر در همه حالات (هم با استفاده از کلیدها و هم با استفاده از فلش های بالا و پایین) کار می کند، می توانید از رویداد input استفاده کنید. این رویداد هنگام تغییر مقدار فیلد ورودی هر بار که کاربر عددی را وارد می کند، فعال می شود.

در اینجا نحوه استفاده از آن آمده است:

 
<script>
   $("#numinput").on('input', function(){
        alert('message');
    });
</script>

این کد با هر بار تغییر مقدار ورودی (چه با کیبورد و چه با کلیدهای بالا و پایین) پیغام را نمایش می دهد.

شما می تونید به جای استفاده از Change از رویداد keyup استفاده کنید. در این صورت هر وقت مقدار داخل input شما تغییر کنه این رویداد فراخوانی میشه و عملیات داخلش هم اجرا میشه.

<script>
   $("#numinput").on('keyup', function(){
        alert('message');
    });

</script>

وقتی که شما از متد Keyup برای input ها در جی کوئری استفاده می کنید هر کلیدی که روی صفحه کلید زده بشه این متد فراخوانی میشه و دیگه فرقی نمیکنه دکمه های جهت نما رو فشار دادید یا یک عدد رو وارد کنید.

شما می تونید به صورت همزمان از 2 event هم استفاده کنید. در این صورت خیالتون راحته که هم اگر کاربر کلیدی رو فشار داد و یا حتی اگر از طریق ماوس عدد ها رو بالا و پایین کرد عملیات شما کار میکنه

<script>
   $("#numinput").on('keyup change', function(){
        alert('message');
    });

</script>