استفاده از رویداد 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>
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
149
- پاسخ :
0
|
|
تاریخ :
1403/07/27
- ساعت :
03:21:00 PM
- بازدید :
238
- پاسخ :
1
|
|
تاریخ :
1403/07/09
- ساعت :
07:25:00 PM
- بازدید :
281
- پاسخ :
0
|
|
تاریخ :
1403/05/20
- ساعت :
09:18:00 PM
- بازدید :
460
- پاسخ :
0
|
|
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
1263
- پاسخ :
1
|
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4631
- پاسخ :
1
|
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
889
- پاسخ :
4
|
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
720
- پاسخ :
1
|
|
تاریخ :
1398/08/21
- ساعت :
03:53:00 PM
- بازدید :
3071
- پاسخ :
1
|
|
تاریخ :
1398/08/03
- ساعت :
10:17:00 PM
- بازدید :
17119
- پاسخ :
4
|
|
تاریخ :
1403/09/06
- ساعت :
09:51:00 PM
- بازدید :
87
- پاسخ :
1
|
|
تاریخ :
1400/07/17
- ساعت :
10:39:00 PM
- بازدید :
2335
- پاسخ :
0
|
|
تاریخ :
1403/09/05
- ساعت :
06:32:00 PM
- بازدید :
70
- پاسخ :
1
|
|
تاریخ :
1401/02/24
- ساعت :
02:17:00 PM
- بازدید :
2037
- پاسخ :
1
|
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
117
- پاسخ :
0
|
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
149
- پاسخ :
0
|
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1067
- پاسخ :
1
|
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
474
- پاسخ :
1
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
948
- پاسخ :
1
|
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1378
- پاسخ :
1
|