To answer your question: No, document.ready will not fire again once a ajax request is completed. (The content in the ajax is loaded into your document, so there isn’t a second document for the ajax content). To solve your problem just add the event listener to the Element where you load the ajax content into … Read more
There is no way to do it without looping through every element. You could, of course, write a function to do it for you. function addEventListenerList(list, event, fn) { for (var i = 0, len = list.length; i < len; i++) { list[i].addEventListener(event, fn, false); } } var ar_coins = document.getElementsByClassName(‘coins’); addEventListenerList(ar_coins, ‘dragstart’, handleDragStart); or … Read more
Define a callback interface public interface NewsUpdateListener { void onNewsUpdate(<News data to be passed>); } Provide a registration facility on the background thread which gets the RSS feed class <Background processing class name> { …. ArrayList<NewsUpdateListener> listeners = new ArrayList<NewsUpdateListener> (); …. public void setOnNewsUpdateListener (NewsUpdateListener listener) { // Store the listener object this.listeners.add(listener); } … Read more
this works for me. Got here https://stackoverflow.com/a/55388961/2233069 (function () { if (typeof EventTarget !== “undefined”) { let func = EventTarget.prototype.addEventListener; EventTarget.prototype.addEventListener = function (type, fn, capture) { this.func = func; if(typeof capture !== “boolean”){ capture = capture || {}; capture.passive = false; } this.func(type, fn, capture); }; }; }());
In your example, func will not be called twice on click, no; but keep reading for details and a “gotcha.” From addEventListener in the spec: If multiple identical EventListeners are registered on the same EventTarget with the same parameters the duplicate instances are discarded. They do not cause the EventListener to be called twice and … Read more
@HostListener() only supports window, document, and body as global event targets, otherwise it only supports the components host element.
Quoting Ian’s answer: Since the second parameter expects a function reference, you need to provide one. With your problematic code, you’re immediately calling the function and passing its result (which is undefined…because all the function does is alert and doesn’t return anything). Either call the function in an anonymous function (like your first example) or … Read more
It’s most likely because the DOMContentLoaded event was already fired at this point. The best practice in general is to check for document.readyState to determine whether or not you need to listen for that event at all. if (document.readyState !== ‘loading’) { console.log(‘document is already ready, just execute code here’); myInitCode(); } else { document.addEventListener(‘DOMContentLoaded’, … Read more
The removeEventListener should get the reference to the same callback that was assigned in addEventListener. Recreating the function won’t do. The solution is to create the callback elsewhere (onUnload in this example), and pass it as reference to both addEventListener and removeEventListener: import React, { PropTypes, Component } from ‘react’; class MyComponent extends Component { … Read more
There are some dissimilarities between the code and the link you have provided. There is no function doit() in there. You have attached addEvenListener to the NodeList in cbox.addEventListener(“click”,….., you have to loop through the list and attach the event to the current element: Try the following: const cbox = document.querySelectorAll(“.box”); for (let i = … Read more