کاربرد دستور preventDefault در Jquery چیست ؟
لطفا بفرمایید دستور 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 و ... هم می تونید قبل از اینکه عملیات ذاتی اون تگ انجام بشه استفاده کنید.
|
تاریخ :
1404/01/28
- ساعت :
09:29:00 PM
- بازدید :
105
- پاسخ :
1
|
|
تاریخ :
1404/01/29
- ساعت :
10:55:00 AM
- بازدید :
94
- پاسخ :
1
|
|
تاریخ :
1404/01/16
- ساعت :
07:20:00 PM
- بازدید :
459
- پاسخ :
1
|
|
تاریخ :
1403/12/26
- ساعت :
03:28:00 PM
- بازدید :
152
- پاسخ :
1
|
|
تاریخ :
1399/03/12
- ساعت :
04:53:00 PM
- بازدید :
2642
- پاسخ :
1
|
|
تاریخ :
1398/08/09
- ساعت :
07:44:00 PM
- بازدید :
5018
- پاسخ :
1
|
|
تاریخ :
1398/10/15
- ساعت :
08:02:00 PM
- بازدید :
2866
- پاسخ :
1
|
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3400
- پاسخ :
2
|
|
تاریخ :
1398/10/19
- ساعت :
02:54:00 PM
- بازدید :
3081
- پاسخ :
3
|
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3297
- پاسخ :
2
|
|
تاریخ :
1404/01/24
- ساعت :
07:09:00 AM
- بازدید :
156
- پاسخ :
0
|
|
تاریخ :
1398/10/02
- ساعت :
01:09:00 AM
- بازدید :
3720
- پاسخ :
2
|
|
تاریخ :
1398/10/05
- ساعت :
08:35:00 AM
- بازدید :
2726
- پاسخ :
2
|
|
تاریخ :
1398/10/04
- ساعت :
02:41:00 PM
- بازدید :
2280
- پاسخ :
1
|
|
تاریخ :
1398/10/01
- ساعت :
01:02:00 PM
- بازدید :
5856
- پاسخ :
1
|
|
تاریخ :
1399/11/10
- ساعت :
10:01:00 PM
- بازدید :
7420
- پاسخ :
5
|
|
تاریخ :
1400/04/26
- ساعت :
03:28:00 PM
- بازدید :
5233
- پاسخ :
1
|
|
تاریخ :
1403/12/01
- ساعت :
01:07:00 PM
- بازدید :
261
- پاسخ :
0
|
|
تاریخ :
1403/12/26
- ساعت :
03:13:00 PM
- بازدید :
163
- پاسخ :
1
|
|
تاریخ :
1404/02/04
- ساعت :
04:31:00 PM
- بازدید :
99
- پاسخ :
1
|