so I have a little bit of a very specific problem and I was hoping that there's a simple answer that I just haven't yet found.

Basically, I have a select element, and, while selecting an option in the select element I would like to be able to hold down the arrow up and down keys without changing the option, if that makes sense. Essentially, I need to get rid of the native key bindings for the select element so that, while pressing the up or down keys, it does not change the option I want to select. I have tried the following:

select_element.onkeyup = evt => evt.preventDefault();
select_element.onkeydown = evt => evt.preventDefault();

But it does not seem to work. I suppose a last-ditch scenario would be to completely recreate the select element from scratch, but I would really like to avoid that if possible.