@HostListener('window:keydown') vs @HostListener('window:keydown.arrowup') + @HostListener('window:keydown.arrowdown')?2019 Community Moderator ElectionKeyPress event only fires on certain keys in MonoDroidfabric.js canvas listen for keyboard events?What are the key codes for macro keys on gaming keyboards?Leaving kivy app when pressing 'escape'How can I avoid KeyUp event from being raised after filtering a window message into the overriden ProcessCmdKey method?How to detect down/up event of special keys on the keyboardAngular 2: check if shift key is down when an element is clickedAngular 6: HostListener decorator broken by production buildHow to generate a global DOM keyPress event in Angular 5?Handling 'ctrl' key holding when drugging with ng2-dragula
Does multi-classing into Fighter give you heavy armor proficiency?
What is a ^ b and (a & b) << 1?
Encrypting then Base64 Encoding
A single argument pattern definition applies to multiple-argument patterns?
Instead of a Universal Basic Income program, why not implement a "Universal Basic Needs" program?
Does .bashrc contain syntax errors?
Aluminum electrolytic or ceramic capacitors for linear regulator input and output?
Did Ender ever learn that he killed Stilson and/or Bonzo?
This word with a lot of past tenses
Custom alignment for GeoMarkers
How are passwords stolen from companies if they only store hashes?
Relationship between sampajanna definitions in SN 47.2 and SN 47.35
What options are left, if Britain cannot decide?
Why do newer 737s use two different styles of split winglets?
Most cost effective thermostat setting: consistent temperature vs. lowest temperature possible
How to make healing in an exploration game interesting
Should Stotras and Mantras be recited aloud?
As a new Ubuntu desktop 18.04 LTS user, do I need to use ufw for a firewall or is iptables sufficient?
Math equation in non italic font
How to pronounce "I ♥ Huckabees"?
Is a party consisting of only a bard, a cleric, and a warlock functional long-term?
Is there a symmetric-key algorithm which we can use for creating a signature?
Different outputs for `w`, `who`, `whoami` and `id`
When to use a slotted vs. solid turner?
@HostListener('window:keydown') vs @HostListener('window:keydown.arrowup') + @HostListener('window:keydown.arrowdown')?
2019 Community Moderator ElectionKeyPress event only fires on certain keys in MonoDroidfabric.js canvas listen for keyboard events?What are the key codes for macro keys on gaming keyboards?Leaving kivy app when pressing 'escape'How can I avoid KeyUp event from being raised after filtering a window message into the overriden ProcessCmdKey method?How to detect down/up event of special keys on the keyboardAngular 2: check if shift key is down when an element is clickedAngular 6: HostListener decorator broken by production buildHow to generate a global DOM keyPress event in Angular 5?Handling 'ctrl' key holding when drugging with ng2-dragula
When we want to listen to two keys (arrowUp and arrowDown in this case) what would perform better, one listener per key, or one generic?
I'm having keyboard input lag sometimes and my approach now is to narrow down the scope of @HostListener('window:keydown') events spread around the code to only be triggered when it's their time (instead of checking for the key that was pressed inside the listener function), but I'm uncertain of the best solution.
Can someone shed some light on it?
Thanks.
PS: I'm using Angular 7
angular keyboard-events asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
add a comment |
When we want to listen to two keys (arrowUp and arrowDown in this case) what would perform better, one listener per key, or one generic?
I'm having keyboard input lag sometimes and my approach now is to narrow down the scope of @HostListener('window:keydown') events spread around the code to only be triggered when it's their time (instead of checking for the key that was pressed inside the listener function), but I'm uncertain of the best solution.
Can someone shed some light on it?
Thanks.
PS: I'm using Angular 7
angular keyboard-events asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
I don't know how to measure the preference but@HostListener('window:keydown')=window.addEventListener('keydown', fnMatchesAnything, false)and@HostListener('window:keydown.arrowup')=window.addEventListener('keydown', fnMatchesArrowup, false)and again for arrow down. So its onewindow.addEventListenervs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.
– William Lohan
Mar 7 at 17:14
add a comment |
When we want to listen to two keys (arrowUp and arrowDown in this case) what would perform better, one listener per key, or one generic?
I'm having keyboard input lag sometimes and my approach now is to narrow down the scope of @HostListener('window:keydown') events spread around the code to only be triggered when it's their time (instead of checking for the key that was pressed inside the listener function), but I'm uncertain of the best solution.
Can someone shed some light on it?
Thanks.
PS: I'm using Angular 7
angular keyboard-events asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
When we want to listen to two keys (arrowUp and arrowDown in this case) what would perform better, one listener per key, or one generic?
I'm having keyboard input lag sometimes and my approach now is to narrow down the scope of @HostListener('window:keydown') events spread around the code to only be triggered when it's their time (instead of checking for the key that was pressed inside the listener function), but I'm uncertain of the best solution.
Can someone shed some light on it?
Thanks.
PS: I'm using Angular 7
angular keyboard-events angular keyboard-events asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
asked Mar 7 at 15:48
MumiaIrrequietaMumiaIrrequieta
63
63
I don't know how to measure the preference but@HostListener('window:keydown')=window.addEventListener('keydown', fnMatchesAnything, false)and@HostListener('window:keydown.arrowup')=window.addEventListener('keydown', fnMatchesArrowup, false)and again for arrow down. So its onewindow.addEventListenervs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.
– William Lohan
Mar 7 at 17:14
add a comment |
I don't know how to measure the preference but@HostListener('window:keydown')=window.addEventListener('keydown', fnMatchesAnything, false)and@HostListener('window:keydown.arrowup')=window.addEventListener('keydown', fnMatchesArrowup, false)and again for arrow down. So its onewindow.addEventListenervs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.
– William Lohan
Mar 7 at 17:14
I don't know how to measure the preference but
@HostListener('window:keydown') = window.addEventListener('keydown', fnMatchesAnything, false) and @HostListener('window:keydown.arrowup') = window.addEventListener('keydown', fnMatchesArrowup, false) and again for arrow down. So its one window.addEventListener vs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.– William Lohan
Mar 7 at 17:14
I don't know how to measure the preference but
@HostListener('window:keydown') = window.addEventListener('keydown', fnMatchesAnything, false) and @HostListener('window:keydown.arrowup') = window.addEventListener('keydown', fnMatchesArrowup, false) and again for arrow down. So its one window.addEventListener vs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.– William Lohan
Mar 7 at 17:14
add a comment |
1 Answer
1
active
oldest
votes
@HostListener('window:keydown.arrowup',['$event'])
@HostListener('window:keydown.arrowdown',['$event'])
should perform better since there is less code to be processed when the events are triggered. If you put a listener on all keydown events and filter manually, there would be more tasks.
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047785%2fhostlistenerwindowkeydown-vs-hostlistenerwindowkeydown-arrowup-ho%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
@HostListener('window:keydown.arrowup',['$event'])
@HostListener('window:keydown.arrowdown',['$event'])
should perform better since there is less code to be processed when the events are triggered. If you put a listener on all keydown events and filter manually, there would be more tasks.
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
add a comment |
@HostListener('window:keydown.arrowup',['$event'])
@HostListener('window:keydown.arrowdown',['$event'])
should perform better since there is less code to be processed when the events are triggered. If you put a listener on all keydown events and filter manually, there would be more tasks.
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
add a comment |
@HostListener('window:keydown.arrowup',['$event'])
@HostListener('window:keydown.arrowdown',['$event'])
should perform better since there is less code to be processed when the events are triggered. If you put a listener on all keydown events and filter manually, there would be more tasks.
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
@HostListener('window:keydown.arrowup',['$event'])
@HostListener('window:keydown.arrowdown',['$event'])
should perform better since there is less code to be processed when the events are triggered. If you put a listener on all keydown events and filter manually, there would be more tasks.
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
answered Mar 7 at 15:57
Sachin GuptaSachin Gupta
1,241615
1,241615
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
add a comment |
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
1
1
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
I opted by splitting the code into two Host Listeners, one for arrowUp and another for arrowDown. I'll update the thread when this is deployed and I can see if it improves it for the users.
– MumiaIrrequieta
Mar 13 at 18:00
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047785%2fhostlistenerwindowkeydown-vs-hostlistenerwindowkeydown-arrowup-ho%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I don't know how to measure the preference but
@HostListener('window:keydown')=window.addEventListener('keydown', fnMatchesAnything, false)and@HostListener('window:keydown.arrowup')=window.addEventListener('keydown', fnMatchesArrowup, false)and again for arrow down. So its onewindow.addEventListenervs two and angular code filtering the keys vs your own. I imagine the difference isn't a lot.– William Lohan
Mar 7 at 17:14