I am creating simulation for a software in storyline. This simulation has function keys interactivity - F2,F3,F10,F11. I was able to write trigger code - Jump to Slide when user presses F3 keys. When I am publishing this project, the function keys are responding to the browser function keys. e.g. when I press F3, instead of going to slide F3, its showing browser's find feature. I tried to do research on google and articulate forum for how to use functions for simulation its leading me JavaScript. I understand that I need to use trigger - Excute JavaScript in Storyline. But I don't know how to write a javascript. I need JavaScript which will disable browsers function key e.g. F3 and if user presses F3 it should go to the next slide. I guess I need two JavaScripts; the one which will disable browser's function key, and the other which will assign the user defined function that is go to F3 slide if user presses F3 funciton key. I know there are tons of website which will give you javascript code. But I find it difficult execute in the Storyline. I have created an example and uploaded the storylline file in this message. Please help me to write the javascript in storyline. Thanks in Advance.

I think I may have a solution for you. go to this website http://www.quirksmode.org/js/keys.html determine the keycode for the functino key you want to disable (F1 is 112, F2 is 113 etc) add a trigger to the slide that needs to have the function key disabled to execute javascript.when timeline starts and enter this script. document.onkeydown = function (e) { if(e.which == 113){ return false; } } changing the number 113 to whatever the code is for your function key, it really works

SL360 version of the above code attached below. Also has layers for the Shift + Functions.See it in action: Link to DemoTested on Chrome and MS Edge.

Hi Brandon! I was able to get them to work with Storyline 360. It does stink that you have to upgrade to the newer version to get those to work but once I did it worked great!

I have never been able to get that code to work when I put it in, but could be user error. However if you want to eliminate using java in your program the storyline 360 is the way to go. All I had to do was create a trigger to jump to the next page when user clicks F5 and its good to go! But it is good to know that it is a possibility to get done in S2!

Has anyone came across with this? Thanks.

Function Keys Interactivity in Storyline Using JavaScript

StuartGilbert-5
Community Member
7 years ago
Owen,

I assume I'll need to include the Execute Java Script trigger, correct? If I could ask a stupid question - What JavaScript does it execute, and where does it get it from?

Thanks very much.

Stuart
- MichaelHinze
  Community Member
  7 years ago
  When you open the F-Key_Test_V360.story file Owen had shared, you'll see an Execute Javascript trigger. Double-click the trigger and then click on the Script --- button to see the script that is being executed.
OwenHolt
Super Hero
7 years ago
Thanks for the assist Michael. I'm not sure why/howIi became unsubscribed to this thread. (Or maybe work is marking email as spam?)
- RandyCruz-d1283
  Community Member
  3 years ago
  Hi Owen - this is genius! Wondering if there are any scripts to also disable the arrow keys? My interaction required the down arrow to show slide layers using the press key trigger. Seems to work on the first layer but i can't keep pressing the down arrow AND move up several layers. It breaks after the first. Any thoughts?
  - MathNotermans-9
    Community Member
    3 years ago
    Here you can find all keycodes… and thus disable any key wanted.
    https://css-tricks.com/snippets/javascript/javascript-keycodes/
    
    Arrow keys are 37,38,39 and 40...
JodiSansone
Community Member
2 years ago
Hi to all the smart people on this thread. I recognize all of you from other places in the community.

I just was directed here by Joe Tansengco and I can't figure out how to apply the insights here as my javascript skills are limited. I tried following the conversation but I can't untangle it.

I am working on a free form question interaction that is a text entry question. I noticed that if I hit the Enter key to advance to a new line within the text entry box, the "Thank you" layer pops up prematurely. I was hoping there would be a way to avoid this or disable the enter key for this interaction. I think learners may hit Enter to advance to a new line if they are typing. We are not trying to track the response as correct/incorrect so I just chose a "Thank you" layer once the interaction is completed. As I understand it, my client's LMS has the capability to see what people have typed--they don't need it graded, they just want visibility into what people have typed. Maybe I just have my question set up incorrectly. If there is a better way to do this, I'm open to it. I was even looking at using the built-in survey question as an alternative. Any ideas? I attached my file for reference. Thank you!
Open_End_Question_Demo.story5.5 MB
- MathNotermans-9
  Community Member
  2 years ago
  Hi Jodi,
  
  First i tried to get it fixed using Javascript, but soon noticed that especially the built-in questions in Storyline are very tied up in the code of Articulate, thus sometimes hard to change. So i reworked your sample to using a normal input textfield...and then it works nice without any need for Javascript.
  
  Basically i just added a normal textinput field and used the data in that to change the values of the question textArea input. Then internally the submit doesnot get triggered and all works fine.
  
  Open_End_Question_Demo_Fixed.story4 MB
JodiSansone
Community Member
2 years ago
Thank you Math. I appreciate the time you took to help me work through this. I think I might try using the short answer survey or essay survey question too. My client wants to read the response in the LMS and the survey questions don't have that Enter key issue. On the positive side, I learned if you press shift+Enter you can advance a line in the text graded question without submitting the interaction, but that's an extra step. Have a happy New Year!
VTSub
Community Member
2 years ago
Hi All,

How can we restrict the use of Enter key for submitting Numeric Entry? What could be the best workaround? I have already tried adding layer but it is bypassed and JS doesn't work either. Please help.

Thanks in advance!
- SarahHodge
  Former Staff
  2 years ago
  Hello Vt Sub! Welcome to the community! I saw a similar thread over here about the Enter key in case you want to check it out. A few community members shared their solutions there.
  - VTSub
    Community Member
    2 years ago
    I have already checked and tried out these, but seems it cannot be controlled.
VTSub
Community Member
2 years ago
Any other solution, Sarah? No luck here :(