Forum Discussion
Trigger event on focus
Hello,
I'm quite familiar with triggering events when a control loses focus or when a user clicks an object, but I'm curious to know if anyone's found a way to trigger an event when a control gains focus - either via a mouse click or key press (tab).
Thanks!
23 Replies
- BenjaminWeilCommunity Member
Hello Leslie,
Indeed many improvements have been done concerning accessibility and that's great. The feature I was writing about is the fact that you can't customize focus state the way you can customize a hover state (something you can do easily on web sites developpment). It would be a good think to add the possibility to do that in that place (see the screenshot) and in triggers.
Hi Benjamin,
We do have a new(er) feature regarding the focus indicator. A screen reader will automatically read items in focus, so no trigger is necessary.
Storyline 360: Two-Color Focus Indicator
In addition, we don't recommend using hover states to display important information since this is not a keyboard-accessible function.
I do fear that I may not be fully understanding what you would like to create. If you could share any further details on your ideal trigger(s) and the action it could create would be helpful. You can share it here or submit it directly to our team as a feature request here.
- BenjaminWeilCommunity Member
Hi Leslie,
I mean that in Articulate you can customize the hover state (when you hover with the mouse), but not the focus state (when someone is navigating with keyboard (through the TAB key)).
For instance, here is a button I customized:
Then here is the hover state I customized:
Then here is the focus state (I can't customize it the same way, it only has a colored border):
I would like the focus to be customizable as well in object states, hope you got my point!
Benjamin
Thanks, Benjamin! I appreciate your patience and further explanation. I've shared this feature request with our team.
I wanted to share some information about how we manage these feature requests, which may be helpful.
- JordanOrzolek-1Community Member
Are there any updates on this feature or maybe a workaround using javascript that could meet our needs for now?
Hello Jordan!
We have many javascript experts in the community who I'm sure could share how to configure this using javascript! I hope they'll jump into this discussion to share!
We don't currently have an update to share on this feature. When we do, I'll make sure to share in this thread.
- BenjaminWeilCommunity Member
Thank you for your time and your action Leslie!
- JordanOrzolek-1Community Member
Is there a way to accomplish the change state on focus through a javascript trigger? I have a project that has the same requirement as Benjamin's.
- shatonfiladelfiCommunity Member
Interested in topic for my current project. When button gains focus, to mimic functionality of hover, would like audio to be triggered that will signify the state conditionally f the button’s state is visited. I have a. inelegant workaround that uses the previous object losing focus and a conditional statement for the button the user will be arriving on. That way they will know from an audible alert the button being read out by reader is complete. A sighted user would experience the button as grayed out. Worried about users going in an order I don’t anticipate (“up” instead of “down”). Thank you.
- AngieSeamanCommunity Member
I have a project where we're collecting information to print into a pdf format, and some of that information is required. It'd be a smoother experience if we could set up a trigger to show the "next" button when the required text entry box loses focus + the variable has any value.
Is there a way to build a trigger based on focus like this? Today we have it set up with instructions that tell the user to click anywhere outside the entry box when they're done and have a trigger to show the next button if the variable has a value. It works, but it's a little clunky.
- WaltHamiltonSuper Hero
Since the variable doesn’t change until focus is lost, would it work to show Next when the variable changes?
- PhilMayorSuper Hero
You can use JavaScript to blur and refocus the text entry field and then have a trigger to change to normal when your variable changes.
Sent from my iPhone
- TomasynGoode-9dCommunity Member
I have the same issue that Greg and Fiona described. I have users filling out a form onscreen, with a text entry box for each field. Underneath each text entry box I have a text box that describes what information should be entered in each field. When the user clicks on the text entry box, I have a trigger that changes the state of the underlying descriptive text to hidden.
Worked beautifully until a reviewer used the Tab key to go from field to field. The text entry boxes are in focus, but not selected, so the trigger to hide the descriptive text never gets activated. What I need is a trigger that activates when a text entry box GAINS focus, not loses focus. Seems like this would be an important feature to have for accessibility.
Related Content
- 7 months ago
- 2 years ago
- 5 months ago
- 7 months ago