لطفا بفرمایید دستور preventDefault در دستورات جی کویری دقیقا چه کاری رو انجام میده ؟ مثلا چرا در دستور زیر استفاده شده ؟
$("#btnAdd").on('click', function(e){
e.preventDefault();
});
متد preventDefault وقتی استفاده میشه که می خواید یک المنت عملکرد ذاتی و پیش فرض خودش رو نداشته باشه. مثلا یک تگ a به طور پیش فرض و ذاتی یک لینک هست و باید دارای یک Url باشه. اما معمولا وقتی از دستورات JavaScript برای یک تگ a استفاده می کنیم مطمینا نمی خوایم با کلیک کردن روی اون لینک مستقیم به آدرس خاصی بریم و قبلش میخوایم مواردی رو چک کنیم پس از preventDefault استفاده می کنیم. مثال زیر رو دقت کنید:
<html>
<input type='text' id='txt' />
<a id='mybtn'>click me</a>
</html>
در مثال بالا یک تگ input داریم و یک تگ a. قصد داریم وقتی روی تگ a کلیک می کنیم قبل از هر چیز کنترل بشه که حتما در input مقداری وارد شده باشه :
<script>
$('#mybtn').on('click', function(e){
e.preventDefault();
if (txt.length == 0)
{
alert('length is zero !!!');
}
});
</script>
می بینید که در اینجا از preventDefault استفاده شده.
در تگ form یا دکمه submit و ... هم می تونید قبل از اینکه عملیات ذاتی اون تگ انجام بشه استفاده کنید.
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
970
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4229
- پاسخ :
1
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
544
- پاسخ :
4
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
543
- پاسخ :
1
|
تاریخ :
1398/08/21
- ساعت :
03:53:00 PM
- بازدید :
2731
- پاسخ :
1
|
تاریخ :
1398/08/03
- ساعت :
10:17:00 PM
- بازدید :
16045
- پاسخ :
4
|
تاریخ :
1402/04/30
- ساعت :
08:10:00 AM
- بازدید :
725
- پاسخ :
2
|
تاریخ :
1398/08/18
- ساعت :
12:16:00 PM
- بازدید :
2470
- پاسخ :
2
|
تاریخ :
1399/10/20
- ساعت :
01:57:00 PM
- بازدید :
4460
- پاسخ :
1
|
تاریخ :
1399/07/25
- ساعت :
02:58:00 AM
- بازدید :
8018
- پاسخ :
1
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
191
- پاسخ :
2
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
22
- پاسخ :
0
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
75
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
122
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
75
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
165
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
100
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
283
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1220
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1171
- پاسخ :
0
|