Լռելյայն գործողության չեղարկումը JavaScript-ում

Երբեմն JavaScript-ի միջոցով անհրաժեշտ է լինում չեղարկել տեգի լռելյայն գործողությունը: Օրինակ, հղման վրա կտտացնելիս չեղարկել անցումը դեպի այդ հղումը: Որպես կանոն, դա անհրաժեշտ է լինում այն դեպքում, երբ այդ հղումը մենք օգտագործում ենք պարզապես որոշակի կոդ գործարկելու համար: Այս դեպքում այն, որ հղման վրա կտտացնելիս տեղի կունենա անցում դեպի այն, մեզ բոլորովին էլ պետք չէ:

Լռելյայն գործողության չեղարկումը կատարվում է Event օբյեկտի միջոցով: Դրա համար նրանում կա հատուկ մեթոդ preventDefault(), որը պետք է կանչել իրադարձության դասավորիչի ցանկացած տեղում:

Փորձենք գործնականում: Ենթադրենք ունենք այսպիսի հղում:

html<a href="/" id="elem">հղում</a>

Եկեք անենք այնպես, որ հղման վրա կտտացնելիս չտեղի ունենա այլ էջ անցնելը:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Դուք չեք կարող անցնել այս հղումով:');
});
Задание 1

Տրված են հղումներ: Անեք այնպես, որ հղման վրա կտտացնելիս նրա վերջում գրվի նրա href-ը, իսկ հղումով անցում չտեղի ունենա:

Задание 2

Տրված են երկու ինփուտ, պարբերություն և հղում: Թող ինփուտներում մուտքագրվեն թվեր: Անեք այնպես, որ հղման վրա կտտացնելիս պարբերությունում գրվի մուտքագրված թվերի գումարը: