I’m trying to detect the position of the browser’s scrollbar with JavaScript to decide where in the page the current view is. My guess is that I have to detect where the thumb on the track is, and then the height of the thumb as a percentage of the total height of the track. Am … Read more
While working around to boost performance for progressive web apps, I came across a new feature Passive Event Listeners and I find it hard to understand the concept. What are Passive Event Listeners and what is the need to have it in our projects? 2 Answers 2
This question already has answers here: Is right click a Javascript event? (20 answers) Closed 8 years ago. I want to block the standard context menus, and handle the right-click event manually. How is this done? 2 Answers 2
Is there any chance to detect every file selection the user made for an HTML input of type file element? This was asked many times before, but the usually proposed onchange event doesn’t fire if the user select the same file again. 9 Answers 9
While working around to boost performance for progressive web apps, I came across a new feature Passive Event Listeners and I find it hard to understand the concept. What are Passive Event Listeners and what is the need to have it in our projects? Best Answer It enables developers to opt-in to better scroll performance by eliminating the … Read more
Is there a function I can attach as a click event of a button to make the browser go back to previous page? <input name=”action” type=”submit” value=”Cancel”/> 13 Answers 13
I’m currently trying to write some JavaScript to get the attribute of the class that has been clicked. I know that to do this the correct way, I should use an event listener. My code is as follows: var classname = document.getElementsByClassName(“classname”); var myFunction = function() { var attribute = this.getAttribute(“data-myattribute”); alert(attribute); }; classname.addEventListener(‘click’, myFunction(), … Read more
I want this link to have a JavaScript dialog that asks the user “Are you sure? Y/N”. <a href=”https://stackoverflow.com/questions/10462839/delete.php?id=22″>Link</a> If the user clicks “Yes”, the link should load, if “No” nothing will happen. I know how to do that in forms, using onclick running a function that returns true or false. But how do I … Read more
What is the easiest way to stop mouse events propagation in Angular ? Should I pass special $event object and call stopPropagation() myself or there is some other way. For example in Meteor, I can simply return false from event handler. 15 Answers 15
I have read article at https://developer.mozilla.org/en/DOM/element.addEventListener but unable to understand useCapture attribute. Definition there is: If true, useCapture indicates that the user wishes to initiate capture. After initiating capture, all events of the specified type will be dispatched to the registered listener before being dispatched to any EventTargets beneath it in the DOM tree. Events … Read more
