Keyboard 'enter' fires submit button

[sbinlondon]

No description provided.

[MissArray]

Might be able to target the ENTER key by its code (keyCode == 13 for ENTER).

[vlbee]

☝️Yes, great suggestion @MissArray. Your use of datalist is great and leverages the accessibility of the HTML5 component. Would be great to get the final bit working. Right now when I hit enter I get rediricted to the query url and see a json object.

[MissArray]

@vlbee, might something like the following work?

var getInput = document.getElementById('input');
input.addEventListener('keyup', function(event) {
//Do we need to prevent default?
if (event.which === 13) {
document.getElementById('submit-button').click();
}
});

[vlbee]

@MissArray I'm not sure without looking at the project code again. I'm back mentoring next week and would be happy to look at it with you then during some down time if you like. :)

[MissArray]

Thanks, Vanessa, that'd be great; it's a useful feature. Have a good weekend and glad to have you back next week.