JavaScript event prevent default

-

JavaScript event preventdefault is a method for intervening event actions preventing normal events behavior

Take for instance you have an anchor on a page when a user clicks on it the browser by default navigates to a url in it's href attribute

preventdefault syntax

/// HTML
<a href="/" id="home">
    home
</a>

/// JavaScript
home.addEventListener('click', function(event){
    event.preventdefault()
    // rest of
    // the code
})

Comments

Post a Comment

Popular posts from this blog

How to wait for a promise within a loop block

-
JavaScript promises enable developers to write asynchronous applications in JavaScript Loops are ways of iterating elements For instance doing an asynchronous task within a for loop can be done as follows; Note that lag is used to emulate some delay. const items = [1, 2, 3, 4] const lag = async (delay) => {     return new Promise((resolve) =>         setTimeout(() => res(`${delay / 1000} sec`), delay)) } items.forEach(async (item) => {     const seconds = await lag(1000 * item)     console.log(seconds) }) expected output 1 sec 2 sec 3 sec 4 sec After running the code above every second some text was printed
Read more

How to interpolate strings in Kotlin programming language

-
Image
Kotlin programming language has string interpolation similar to template literals in JavaScript For JavaScript You can write as; var passage = `I'm going todo a ${chore}` In Kotlin you can do string interpolation as; var passage = "I'm going todo a $chore" Interpolating expressions in kotlin is done as; var state = "I'm done with ${numChores()} chores"
Read more

How to get user's ip address in JavaScript

-
An IP address is a unique numerical label given to a computer when connected to a network; ipify.org is a free service that retrieves IP addresses in JSON format fetch('https://api.ipify. org ?format=json') .then(response => response.json()) .then(response => console.log(JSON.stringify(response))) // response {"ip":"--.---.---.---"} In nodejs you can use a package node-fetch Install it by typing; npm i node-fetch Or using curl, in your terminal type; curl 'https://api6.ipify.org?format=json' // response {"ip":"--.---.---.---"}
Read more

Ways to iterate array items in JavaScript

-
A few days ago i introduced arrays and described what they are and how their elements can be iterated in JavaScript using 'for loop' There many other ways to iterate arrays namely Array.forEach, Array.map, var array = ['eat', 'code', 'sleep'] Using forEach array.forEach(function(value, index){     console.log(index + ': '+ value) }) // result expected // 0: "eat" // 1: "code" // 2: "sleep" Using Array.map array.map(function(value, index){     console.log(index + ': '+ value) }) // result expected // 0: "eat" // 1: "code" // 2: "sleep" It's a wrapp
Read more