Create a click event on a child element
up vote
0
down vote
favorite
Given a component defined like:
export default class KeyboardShortcut extends React.Component {
componentDidMount() {
window.addEventListener('keydown', e => this.handleKeyDown(e));
}
componentWillUnmount() {
window.removeEventListener('keydown', this.handleKeyDown);
}
handleKeyDown(e) {
if (e.key === 'c') {
// what goes here?
}
}
render() {
return this.props.children
}
}
How do I generate, or trigger, a click event on the children when the type of keyboard event being handled in handleKeyDown (i.e., the pressing of the letter c) happens?
reactjs
asked 21 hours ago
Rodrigo Deodoro
863713
add a comment |
up vote
0
down vote
favorite
Given a component defined like:
export default class KeyboardShortcut extends React.Component {
componentDidMount() {
window.addEventListener('keydown', e => this.handleKeyDown(e));
}
componentWillUnmount() {
window.removeEventListener('keydown', this.handleKeyDown);
}
handleKeyDown(e) {
if (e.key === 'c') {
// what goes here?
}
}
render() {
return this.props.children
}
}
How do I generate, or trigger, a click event on the children when the type of keyboard event being handled in handleKeyDown (i.e., the pressing of the letter c) happens?
reactjs
asked 21 hours ago
Rodrigo Deodoro
863713
Depends on whatchildrenis. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve
– estus
21 hours ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Given a component defined like:
export default class KeyboardShortcut extends React.Component {
componentDidMount() {
window.addEventListener('keydown', e => this.handleKeyDown(e));
}
componentWillUnmount() {
window.removeEventListener('keydown', this.handleKeyDown);
}
handleKeyDown(e) {
if (e.key === 'c') {
// what goes here?
}
}
render() {
return this.props.children
}
}
How do I generate, or trigger, a click event on the children when the type of keyboard event being handled in handleKeyDown (i.e., the pressing of the letter c) happens?
reactjs
asked 21 hours ago
Rodrigo Deodoro
863713
Given a component defined like:
export default class KeyboardShortcut extends React.Component {
componentDidMount() {
window.addEventListener('keydown', e => this.handleKeyDown(e));
}
componentWillUnmount() {
window.removeEventListener('keydown', this.handleKeyDown);
}
handleKeyDown(e) {
if (e.key === 'c') {
// what goes here?
}
}
render() {
return this.props.children
}
}
How do I generate, or trigger, a click event on the children when the type of keyboard event being handled in handleKeyDown (i.e., the pressing of the letter c) happens?
reactjs
reactjs
asked 21 hours ago
Rodrigo Deodoro
863713
asked 21 hours ago
Rodrigo Deodoro
863713
asked 21 hours ago
Rodrigo Deodoro
863713
asked 21 hours ago
Rodrigo Deodoro
863713
asked 21 hours ago
Rodrigo Deodoro
863713
863713
Depends on whatchildrenis. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve
– estus
21 hours ago
add a comment |
Depends on whatchildrenis. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve
– estus
21 hours ago
Depends on what
children is. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve– estus
21 hours ago
Depends on what
children is. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve– estus
21 hours ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53237809%2fcreate-a-click-event-on-a-child-element%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Depends on what
childrenis. There may be no easy way, or you may have XY problem. Please, provide stackoverflow.com/help/mcve– estus
21 hours ago