"Event.preventDefault ()` "tomonidan oldini olish mumkin bo'lgan" brauzerning standart harakati "ning ba'zi bir misoli qanday?

event.preventDefault() brauzeridagi hodisaning tetiklengan har qanday ko'rsatuv xatti-harakatiga yo'l qo'ymasligini tushunaman, ammo bu ta'rif men uchun juda kengdir , masalan, kuchli> hodisa ko'rsatuv xatti-harakati brauzerida ko'rsatilsinmi? chunki ishlab chiquvchilarni event.preventDefault() dan foydalanishni topish juda keng tarqalgan, lekin men qanday xatti-harakatlarning oldini olishni xohlayotganini tushunmayapman.

Rahmat

1
Misol uchun, faylni ko'chirish va tomosha qilish ilovasini yaratmoqchi bo'lsangiz, brauzer ilovasini ochgan faylni ochishni to'xtatmoqchi bo'lamiz va
qo'shib qo'ydi muallif Felix Fong, manba

6 javoblar

Agar siz http://example.com kabi bir havolaga kelsangiz, brauzeringizning odatiy xatti-harakati sizni http://example.com -ga olib boradi.

Agar klik ishlovchisida preventDefault bo'lsa, brauzer oynangiz o'rnini o'zgartirmaydi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

document.querySelector('.prevent-default').addEventListener('click', function (e) {
  e.preventDefault();
}, false);
Normal Example
Prevented Example
</div> </div>

Boshqa misollar:

  • submit has associated form submission
  • mousedown has associated text selection
  • keydown has associated input
  • touchstart may have associated scrolling/zooming behaviors.
3
qo'shib qo'ydi

Agar siz http://example.com kabi bir havolaga kelsangiz, brauzeringizning odatiy xatti-harakati sizni http://example.com -ga olib boradi.

Agar klik ishlovchisida preventDefault bo'lsa, brauzer oynangiz o'rnini o'zgartirmaydi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

document.querySelector('.prevent-default').addEventListener('click', function (e) {
  e.preventDefault();
}, false);
Normal Example
Prevented Example
</div> </div>

Boshqa misollar:

  • submit has associated form submission
  • mousedown has associated text selection
  • keydown has associated input
  • touchstart may have associated scrolling/zooming behaviors.
3
qo'shib qo'ydi

Bir tez misol bosing hodisasi. Aytaylik, sizda tag bor


Sizning /my-sub-page.html sahifasiga olib boradigan ushbu havolani bosganingizda odatiy xatti-harakatlar bo'ladi. lekin siz sahifani yangilashdan saqlanishni xohlasangiz va uning o'rniga ajaxdan foydalanmoqchi bo'lsangiz. foydalanasiz

$('.ajax-link').on('click', function(event){
  event.preventDefault();
  $.ajax({
     url : $(this).attr('href'),
     success : function(response){

        $('.my-content').html(response);
      }
  })
});

yoki boshqa bir misol shakl shaklida bo'lishi mumkin. Yuqorida aytib o'tilganidek, ariza topshirishning odatdagi xatti-harakatlarini o'zgartira olasiz va ajaxdan foydalanasiz va sahifani yuklamasdan keyin so'rovdan natijani olasiz.

1
qo'shib qo'ydi

Bir tez misol bosing hodisasi. Aytaylik, sizda tag bor


Sizning /my-sub-page.html sahifasiga olib boradigan ushbu havolani bosganingizda odatiy xatti-harakatlar bo'ladi. lekin siz sahifani yangilashdan saqlanishni xohlasangiz va uning o'rniga ajaxdan foydalanmoqchi bo'lsangiz. foydalanasiz

$('.ajax-link').on('click', function(event){
  event.preventDefault();
  $.ajax({
     url : $(this).attr('href'),
     success : function(response){

        $('.my-content').html(response);
      }
  })
});

yoki boshqa bir misol shakl shaklida bo'lishi mumkin. Yuqorida aytib o'tilganidek, ariza topshirishning odatdagi xatti-harakatlarini o'zgartira olasiz va ajaxdan foydalanasiz va sahifani yuklamasdan keyin so'rovdan natijani olasiz.

1
qo'shib qo'ydi

event.preventDefault() usuli amalga oshiriladigan elementning ko'rsatuv harakatini to'xtatadi.

Misol uchun:

  • Shakl yuborishdan oldin </body> tugmasini bosish
  • URL manzilini
  • ga bog'lashni taqiqlash

preventDefault() uslubining hodisaga chaqirilganligini tekshirish uchun event.isDefaultPrevented() usulidan foydalaning.

0
qo'shib qo'ydi

event.preventDefault() usuli amalga oshiriladigan elementning ko'rsatuv harakatini to'xtatadi.

Misol uchun:

  • Shakl yuborishdan oldin </body> tugmasini bosish
  • URL manzilini
  • ga bog'lashni taqiqlash

preventDefault() uslubining hodisaga chaqirilganligini tekshirish uchun event.isDefaultPrevented() usulidan foydalaning.

0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb