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:
<a href="/" id="elem">kiunga</a>
Wacha tufanye ili kubonyeza kiunga kisitokee uhamishaji kwa ukurasa mwingine:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Hauwezi kufuata kiunga hiki!');
});
Zimepewa viungo. Fanya ili kubonyeza kiunga mwishoni kwa ajili yake iandikwe href yake, na uhamishaji kwa kiunga usitokee.
Zimepewa maingizo mawili, aya na kiunga. Hebu kwa maingizo iingizwe nambari. Fanya ili kubonyeza kiunga kwenye aya iandikwe jumla ya nambari zilizoingizwa.
