Programmatically trigger event on HTML element using JavaScript
Learn how to trigger an event on an HTML element using JavaScript.
JavaScript Browser Snippets
The JavaScript snippet collection contains a wide variety of ES6 helper functions. Browser snippets include helper functions for selecting, traversing, and manipulating DOM elements, while general-purpose helpers can be found in the JavaScript snippet collection.
-
JavaScript · -
JavaScript · Remove attributes from an HTML element with JavaScript
A simple trick to remove one or more attributes from an HTML element.
-
JavaScript · How can I detect if Caps Lock is on with JavaScript?
If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
-
JavaScript · Use JavaScript to listen and handle scroll stop events
Use some clever JavaScript tricks to listen for and handle scroll stop events in the browser.
-
JavaScript · How can I save a JSON object to a file using JavaScript?
Learn how to write a JSON object to a file, both using Node.js and in the browser.
-
JavaScript · Get, set or add styles to an HTML element with JavaScript
Learn how to retrieve and manipulate the styles of an HTML element easily and efficiently with JavaScript.
-
JavaScript · How can I listen for an event only once in JavaScript?
Learn how to add an event listener that is executed at most once.
-
JavaScript · Creating HTML elements in JavaScript
Learn how to create HTML elements in JavaScript, by abstracting the creation logic into a function.
-
JavaScript · How can I listen for a click outside of an element in JavaScript?
Detect and handle click events outside of a specific element in just a few lines of JavaScript.
-
JavaScript · Window.location Cheat Sheet
A quick reference for the
window.locationobject. -
JavaScript · Vertical offset of an element in the document
Find the distance from a given element to the top of the document with this simple JavaScript function.
-
JavaScript · How can I detect the device type with JavaScript?
Learn how to detect whether a page is being viewed on a mobile device or a desktop.
-
JavaScript · How delays work in JavaScript timing functions
Did you know that the delay of
setTimeout()andsetInterval()is merely a suggestion? -
JavaScript · Toggle fullscreen mode for an element using JavaScript
Did you know you can use JavaScript to toggle fullscreen mode for an element on a webpage? Let's learn how!
-
JavaScript · How can I use JavaScript to reload the page?
Need to reload the current page using JavaScript? Here's the best way to do it, as well as some alternatives.
-
JavaScript · How can I inject CSS into a web page using JavaScript?
Injecting CSS into a page via JavaScript is pretty easy, if you know how to leverage the DOM.
-
JavaScript · How can I redirect the page to HTTPS in JavaScript?
Learn how to redirect the page to HTTPS if it's currently in HTTP.
-
JavaScript · Run a callback on each animation frame with JavaScript
Ever wanted to run a function on each animation frame? This snippet shows you how to do it using
Window.requestAnimationFrame(). -
JavaScript · Check if the current JavaScript environment is Node.js or a browser
Determine if the current JavaScript environment is Node.js or a browser.
-
JavaScript · Check if a URL is an absolute URL with JavaScript
Want to know if a string is an absolute URL? This snippet will help you out.
-
JavaScript · What is the difference between encodeURI() and encodeURIComponent() in JavaScript?
JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one?
-
JavaScript · Improve JavaScript scroll listener performance
Scroll listeners can easily become a performance bottleneck for your web application. Here's how to fix that.
-
JavaScript · Element at a specific point on the page
Using
Document.elementFromPoint()to easily get the element at a specific point on the page. -
JavaScript · What is the difference between cookies, local storage, and session storage?
Learn the difference between cookies, local storage and session storage and start using the correct option for your needs.