Kuzuia Kitendo Chaguomsingi katika JavaScript

Wakati mwingine kwa kutumia JavaScript inahitajika kuzuia kitendo cha tagi chaguomsingi. Kwa mfano, kwa kubonyeza kiunga kuzuia uhamishaji kwa kiunga hicho. Kwa kawaida hii inahitajika katika hali ambayo kiunga hicho tunakitumia tu kwa kuzindua msimbo wowote. Katika hali hii kile ambacho kwa kubonyeza kiunga kitafanyika ni uhamishaji kwa hiyo, hatuitaji kabisa.

Kuzuia kitendo chaguomsingi hufanyika kwa kutumia kitu Event. Kwa hili ana mbinu maalum preventDefault(), ambayo inapaswa kuitwa katika sehemu yoyote ya kisindikaji tukio.

Tujaribu kivitendo. Hebu tuwe na kiunga kama hiki:

html<a href="/" id="elem">kiunga</a>

Wacha tufanye ili kubonyeza kiunga kisitokee uhamishaji kwa ukurasa mwingine:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Hauwezi kufuata kiunga hiki!');
});