Լռելյայն գործողության չեղարկումը JavaScript-ում
Երբեմն JavaScript-ի միջոցով անհրաժեշտ է լինում չեղարկել տեգի լռելյայն գործողությունը: Օրինակ, հղման վրա կտտացնելիս չեղարկել անցումը դեպի այդ հղումը: Որպես կանոն, դա անհրաժեշտ է լինում այն դեպքում, երբ այդ հղումը մենք օգտագործում ենք պարզապես որոշակի կոդ գործարկելու համար: Այս դեպքում այն, որ հղման վրա կտտացնելիս տեղի կունենա անցում դեպի այն, մեզ բոլորովին էլ պետք չէ:
Լռելյայն գործողության չեղարկումը կատարվում է
Event օբյեկտի միջոցով: Դրա համար
նրանում կա հատուկ մեթոդ preventDefault(),
որը պետք է կանչել իրադարձության դասավորիչի
ցանկացած տեղում:
Փորձենք գործնականում: Ենթադրենք ունենք այսպիսի հղում:
<a href="/" id="elem">հղում</a>
Եկեք անենք այնպես, որ հղման վրա կտտացնելիս չտեղի ունենա այլ էջ անցնելը:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Դուք չեք կարող անցնել այս հղումով:');
});
Տրված են հղումներ: Անեք այնպես, որ հղման վրա կտտացնելիս նրա վերջում գրվի նրա href-ը, իսկ հղումով անցում չտեղի ունենա:
Տրված են երկու ինփուտ, պարբերություն և հղում: Թող ինփուտներում մուտքագրվեն թվեր: Անեք այնպես, որ հղման վրա կտտացնելիս պարբերությունում գրվի մուտքագրված թվերի գումարը: