Slider with keyboard responses?

[Max-Lovell]

Hi,

So, I've got a lot of trials and to make things quicker for my participants I'd like to be able to take slider responses from keyboard keys. My scale goes from 1-6, so if participants could either click or just enter 1,2,3,4,5, or 6, that would be quite user friendly, I think.

Anyone have any ideas on an implementation? Perhaps I could run an HTML Keyboard Response trial in the background, or use a custom Event Listener to move on when the correct key is pressed?

Thanks!

M

[Max-Lovell]

So I've done this in the end with the following code in the html-slider-response file:

document.addEventListener('keydown', key_listener)
    function key_listener(e){
      if(["1","2","3","4","5","6"].includes(e.key)){
        display_element.querySelector('#jspsych-html-slider-response-response').value = e.key
        display_element.querySelector('#jspsych-html-slider-response-next').disabled = false;
      } else if(e.key==="Enter" && display_element.querySelector('#jspsych-html-slider-response-next').disabled === false){
        display_element.querySelector('#jspsych-html-slider-response-next').click()
      }
    }

The event listener can be removed in the 'next' button click listener, too. Numbers need to be edited to your liking, of course. Added the ability to submit with the enter button so everything can be done with the keyboard.