Prevent going back to previous survey box on the same screen #1484
-
|
Hi, I have an experiment where people are given three boxes on the screen, and they have to type in their responses in a certain order. I would really appreciate any advice. Thank you! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Hi @belginunal, to do this I think you'd need a function that is called whenever the textbox focus changes from being in focus (i.e. currently accepting input) to not being in focus anymore. You can do this by adding a |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so so much for the response @becky-gilbert! As you suggested, the code below does what I need: But, I could not integrate this into a survey-text type variable. I apologize in advance for my ignorant question, I am new to Javascript. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @belginunal, sorry for the long delay getting back to you. I'm not sure if this is still useful, but thought I'd share my solution anyway. One way to do this is to find all of the text boxes on the page using the // add blur event listeners to all text boxes to disable the text box after the cursor is moved out of it
document.querySelectorAll('textarea, input').forEach(function(textbox) {
textbox.addEventListener('blur', function() { this.disabled = true; });
});Note that this will always disable the text box after the cursor has moved out of it, even if the participant hasn't entered a response. If you want to change that, you'd need to do some validation in the |
Beta Was this translation helpful? Give feedback.
-
|
This is super useful! Thank you so much @becky-gilbert!!! |
Beta Was this translation helpful? Give feedback.
Hi @belginunal, to do this I think you'd need a function that is called whenever the textbox focus changes from being in focus (i.e. currently accepting input) to not being in focus anymore. You can do this by adding a
onblurevent listener to all of the text boxes. In that function, you can disable the textbox so that the input can't be changed anymore. This page also has a nice example of the onfocus and onblur events.