استفاده از رویداد change در جی کویری برای input با تایپ number
سلام
یک input دارم که type = 'number' هست. مثل کد زیر :
<input type='number' id='numinput' value='0' />
می خوام هر وقت که کاربر مقدار درون این input رو تغییر داد یک عملیاتی رو انجام بدم یا اینکه یک پیغام رو به کاربر نمایش بدم. برای این کار از رویداد change استفاده کردم.
<script>
$("#numinput").on('change', function(){
alert('message');
});
</script>
خب این دستور کار میکنه. اما فقط وقتی که کاربر با استفاده از فلش های بالا یا پایین مقدار رو تغییر بده و اگر با استفاده از کیبورد یک عددی رو وارد کنه کار نمیکنه.
چه event رو باید بنویسم که در همه حالات دستور جی کویری کار کنه ؟
شما می تونید به جای استفاده از Change از رویداد keyup استفاده کنید. در این صورت هر وقت مقدار داخل input شما تغییر کنه این رویداد فراخوانی میشه و عملیات داخلش هم اجرا میشه.
<script>
$("#numinput").on('keyup', function(){
alert('message');
});
</script>
وقتی که شما از متد Keyup برای input ها در جی کوئری استفاده می کنید هر کلیدی که روی صفحه کلید زده بشه این متد فراخوانی میشه و دیگه فرقی نمیکنه دکمه های جهت نما رو فشار دادید یا یک عدد رو وارد کنید.
شما می تونید به صورت همزمان از 2 event هم استفاده کنید. در این صورت خیالتون راحته که هم اگر کاربر کلیدی رو فشار داد و یا حتی اگر از طریق ماوس عدد ها رو بالا و پایین کرد عملیات شما کار میکنه
<script>
$("#numinput").on('keyup change', function(){
alert('message');
});
</script>
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- حذف فایلها و دستورات Css و JavaScript اضافی
- جمع کردن (Collapse) منوی جانبی موقع لود فرم در پنل AdminLte
- دلیل خطای Identifier 'X' has already been declared در جی کویری چیست ؟
- جدا کردن سه رقم سه رقم اعداد در input با جاوااسکریپت
- محدود کردن تایپ عدد یا حروف با جاوا اسکریپت
- مقایسه بین فریم ورک های Angular و React.js و Vue js
- نمایش پیغام گرافیکی با جی کویری
- تفاوت Class Component و Functional Component در React.js چیست ؟
- پراپس (Props) در React.js چیست ؟
- مقایسه مقدار اینپوت باکس با type آن در جی کویری