Event-handling Questions
Ad
Antd Custom button not triggering dropdown
Can someone explain to me why the dropdown trigger is not being executed when i use my custom button? where do i declare onclick as i use
How to allocate a event function to DOM list in React.js
I would like to ask you about using a event function in react.js. i want to make test function, which would get index and print index
javafx.fxml.LoadException: Controller method "MyFunction" not found
As described below, i have an eventhandler linked to textfield (text variable), and i want to call a function from this handler that
How do I code MXML to attach a listener to a custom ActionScript class
For example, the following mxml script attaches a listener to a button class: <mx:button id="stack" label="overflow"
React: How to hide a component by clicking on it?
I am trying to make a react component hidden by clicking on it but all i see online are explanations about event handlers on buttons and the
How to save value to chrome storage without button?
Need to save input's value of type text to chrome.storage.sync.set without uses ok button.
How to prevent setState changing input field?
I am using ant design form and trying to prevent clearing input after i check a checkbox. here is the code : this.state
Different Results from Event handler in Method and Outside
I'm using firebase to make predictions with my model. results are obtained with passing event handlers to firebasemodelinterpreter. one of the
Firefox Dev Tools: Is it possible to see event listeners on document?
Besides being able to see event handlers on dom elements, is there a way to see event handlers on the document as well?
Android Navigation Drawer with multiple Activity
I am trying to create a baseactivity with navigation drawer and extend it in other activities so that i can reuse the the navigation drawer
Ad
Is using "onClick={}" considered a bad practise?
I learned that using onclick is considered a bad practise in html. right now i'm going through a react tutorial. the tutorial uses
Why to pass function reference instead of method in onClick event of button in ReactJS?
Whenever i pass function parentheses in onclick of button, it automatically calls when page loads even without clicking on button. but when i
Prevent event from bubbling up the dom tree
I have a card component as follows <div onclick={e => { console.log("demand card clicked"); if
OnKeyDown listener called 6 times for every key down
I have added an onkeydown event listener to the document of my component. it works, but it is called 6-7 times every key down event.
How does Azure App Service decide whether my app active or idle?
I'm trying to find information what are the criteria for that? i know that "always on" option exists and calls periodically the service
Multiple dynamically created comboboxes not triggering event handlers C#
The following code is for a desktop application, not a web app. i have essentially created a dynamic row of controls to collect phone
event.target.value is giving value before change
When i am trying to change the state of input field using onchange e.target.value is giving the value before change
2 TypeError: Cannot read properties of undefined (reading 'value') in reactjs with event handler
What's the issue with my code ? i've gotten two - typeerror: cannot read properties of undefined (reading 'value') expected behavior
functions not calling correctly in onclick
I have a button and with this button, i am trying to call two functions but instead, they seem to be cancelling each other out. in the
after refreshing page and adding new values old localstorage values get erased
My local storage works correctly but the only issue i've ran it to is when i try adding a new value after a page refresh the previously stored
Why is there no `keyCode` value on the synthetic event in react using Semantic UI's Search component?
I have created a simple search with semantic ui's search component like this: <search value={searchstring}
Ad
Javascript iterate through <li> list and assign event (onitemclick) handlers not working - why?
My mission in this exercise is to toggle the "done" attribute of the li items on the list whenever someone clicks on them. i found other ways of
Event listener and event emitter separate files
I have three files: my_emitter.js: instance of eventemitter object to be shared (let's reference this as "myemitter")
Vue.js "emit event" don't bubble up to parent and grandparent element
I want to emit an custom event to bubble up from the grandchild through the child element to the parent element. but it doesn't work.
async vs sync event handlers performance
I've created some tests of using async and sync event handlers. i've came to conclusion that using async handlers could make huge improvement in
How to capture ID value of modal open to edit item?
I'm trying to get a value of 'id' from a modal open onclick(). i've assigned value={this.props.sightings.id but does not come up in
React setState object key with conditional event target
I have a problem on setting object keys in state. so below code is a form with title, body, city and country. with the value given by user, i set
How do you eventBus a bus to communicate updates to a view in a Vue component?
Listen for custom events for the bus in component b. however, after dispatching events in component a, it accesses component b. the listening
How to pass view from Child Component to Parent in React JS?
I am having a parent component(container) where am displaying products in a table, on clicking header cells, am calling a modal window which is
React: Best practice for event propagation (trigger parent event, not child event)
I have been searching for the best way to prevent the event for the child element and trigger event for the parent element in react component.
How to make dynamic checkbox and post the data using fetch post?
I have a constant file with this data in it: export let testing= [ { id: 'test1', label: 'test1' }, { id: 'test2', label:
Ad
Event code is not executed after default page reload
On onsubmit form event i'd like to send some data to the server with put or post method and then refresh the page, but page reloads without
Handling touchstart/touchmove/touchend the same way as mousedown/mousemove/mouseup
I'm trying to add a touch and drag functionnality in my app with no success so far. here's the idea: the user touch an
Handle “Enter” in an EditText and insert character in it
I have an edittext. i want that whenever user press enter key, automatically insert a number(incremental numbers). should i use
Calling the event emitter before the event handler in nodejs
I am going through this
How to identify which element scroll is being used?
I have a component in react, in which on click of a button ~ i display a drop down of a menu options. both menu overflow and browser
.on[event name] vs addEventListener
I tried to create copy handler but i couldn't. <!doctype html> <html>
How to correctly call an event handler function in a parent component with a parameter in ReactJS?
I have a function in a component which i want to call in a child component. this is the function in the parent component:
How do I mask make sure users are typing numbers only and mask them as they type with a timeout?
I'm setting up credit card payment and i want the input text be masked with # when typing, with a timeout of like half a second. also, nothing
Mouse event on tkinter python, didn't return an output
I'm currently using visual studio code to learn how to use tkinter, i did find some tutorials on youtube to create a mouse event function
howler.js: Which event is fired (continuously) while audio is playing?
I am using howler.js to play audio. the feature i am trying to implement is highlighting text while audio is playing. i have timestamped (start
Two handleChange events using multiple select option in react js
I'm trying to write (two) multiple selected options using two handle change functions, i don't think it's not a good practice, in that two
Ad
Understanding scoping of event handlers in web workers
Consider the following webworker code from:
Can't pass a head of a method to event handling in React markup
In my render() i have the following component with event handling. render() { ... <input type="text"
React/Next.js how to get other Element event target value on button click
I have an input element and a button in react: <li><input type="text" placeholder="enter new id"></input>
In react, how to target specific table row with onChange event?
I have table that contains multiple rows and has a dropdown for the last column on each row which contains 3 values incomplete,
How to return a variable from the event function?
I am new to c/c++. currently, i am working on a project in which a haptic device is used. i just want to return a value when the device button is
Calling setState in an eventHandler in the render method
When using react i've understood it so that calling setstate inside a component's render method is bad practice; instead keep this method pure.
Why is this JS error thrown?
Executing this following piece of code: function events (props){ const clickhandler = console.log; return (<button
Javascript event listener to ArrowDown - Stop page scrolling
I have a hopefully rather simple javascript question for you. i have a scrollable, static page which can show/hide a full frame overlay (hiding
React app - Load selected array in Material UI Table not rendering checks
So i have been working hard for days and searching on how to do this. i have a material ui table in my react app. i want to load a table where
ReactJS events - this.props.onSubmit(this.state....)
The following code snippet is from a simple todo list which stores information on a local eos blockchain and has a frontend web interface built on
Can't call function within keyDown or keyPress event handlers
Can't call function within keydown or keypress event handlers. var buttoncolors = ["red", "blue",
Ad
Argument of type 'string' is not assignable to parameter of type '"A" | "B"' when trying to assign possible values to a string
I have two values from a select option. for better readability, i defined the only two possible values that the user can choose, but i'm getting a
Disable keyboard but make my program still know when a key pressed
I want to write a program in c that disables the entire keyboard but continues to receive inputs in my program. i tried using
jQuery is not working on Element class click
Following script is not working on my html page, any suggestions: $(document).ready(function() {
react js eventListeners not removed as expected
I am working on a react web application that consists of several pages. i've set up a react router that switches between the pages.
Event bubbling prevention 'ineffective' in React js
I've been exploring some event handling within the comforts of react's event system, and seeing how that works with the 'outside' world in the
ReactJS - How to detect when cancel is clicked on file input?
I want an event or get notified when the user clicks on the cross icon or the cancel button on the fileinput dialog so that i
What is the best/right way to add multiple handlers for same event with Kivy?
I recently discovered the kivy-framework and i'm currently playing around with the
VueJS parent mouseover event masking child mouseover event
I am using vuejs and trying to fire a mouseover event on two elements, one a child element of the other. i am unable to get the child
how to distinguish between manual cell change and automatic cell change on excel vba
I hope you're doing well i have a sheet in which i have members of project team. it contains two rows : the first one is for the id and the
Does not work validaton at second time
My code should switch color to red and back after click, but it works just one time! <div class="time-block">00:00 -
Listen to checked input="checkbox" and split equal percent for input="text" Javascript Jquery events
There is this code that i am trying to figure out, there are four instances:
Ad
Add an event to a Stateless Component in ReactJS
Is there any possible way to attach an event to a stateless component? let me explain my question below: i have
proper use of Vue Watch
I want to fire a method only if a certain data value equals true. after scouring the doc's, i decided to use the
Keypress event handler for a11y compliance
I am trying to make my working react.js app compliant with accessibility standards. as a part of the exercise, i added
JavaScript stopImmediatePropagation not working in event handler
I want to use stopimmediatepropagation to prevent a second (mousedown) hadler on the same element to fire, but it doesn't work. code
Passing data from one fucntion to another. Python
I am working on an app and i have made a ui with the qt5 creator. i have a function bound to a button.
ng-mouseover event passing 'this' (self) reference to DOM not working. is there anyother way rather than using core javascript event?
I want to get 'self dom' on mouse over event, so i am passing 'this' on ng-mouseover event but its not working. please refer below
Perform an action on an entity after a fixed time
In my spring project, i have an entity customer. now once we get a new customer, we persist it in our system, and exactly after one
Remove listener in React.js
In react app i have onclick listener on header (handletoggle). header has 4 elements, the last element is edit with own
Event Handler (prop) passed to child component cannot be called react native
I am passing an event handler showspinner() from parent component. this method displays the activity indicator in my app, the method
Decrement function in Reactjs doesn't work
I am using reactjs and react-dom in 17.02 version. i had the same problem described in
Listening to Events in Main Form from Another Form in C#
I have an application that has a main form and uses an event handler to process incoming data and reflect the changes in various controls on the
Ad
Adding a list of UserControls with buttons to a PlaceHolder - no event?
I want to make use of "complex" usercontrols with more than one control element within. it's the same control i will reuse in the list, and i have
Why function inside function ReactJS?
There's this piece of code in reactjs documentation: function actionlink() { function handleclick(e) { e.preventdefault();
Android NDK ALooper_pollOnce() vs ALooper_pollAll()
In android ndk, what is the difference between alooper_pollonce() and alooper_pollall()?
React.js Serverside rendering and Event Handlers
I am learning to use react.js and have some issues to use the event handlers. the final question would be: is it possible to use server side
Laravel 5.2 : How to access Request & Session Classes from own Event Listener?
In laravel 5.2, i have added my event listener (into appproviderseventserviceprovider.php), like:
Laravel 5.2 : Do something after user has logged in?
(i'm a beginner of laravel) i'm using laravel 5.2. i have successfully enabled the authentication; by doing the
Assigning click event handler inside keyup event causes the click event to be fired multiple times
I am attempting to add an event handler to an anchor only when certain form fields are populated, like so: $('#newname,
Laravel 5 Eventing For UserRegistering
I'm trying to figure out why i'm not getting any feedback when i'm trying to call my event of the user being registered. the other parts of the
Why doesn't .change() work?
I have the html <span class="offersreceivedcount">3</span> and i want to run code when the 3 value
React event handlers not binding properly
I am building a react app with semantic ui in meteor. i have had two places where event handlers don't seem to be functioning in any capacity, and
event.target null in React event handler
Given the following code: var react = require("react") ; class controltext extends react.component { constructor(props){
Ad
Send email from queued event handler
I use lumen 5.1 and redis for queues. and i have a pretty standard event handler that should send an email: <?php namespace apphandlersevents; use
How can I handle an event to open a window in react js?
I want to open a window after clicking the fshare: my render() return is like this <modal.footer> <img
Ad
Blog Categories
Ad