ansaurus

Question

I can't prevent key presses from changing a selected option in Firefox

Answer 1

A:

This works for me (looks pretty evil, I haven't found any other solution on FF so far):

<html>  
<head> 
    <title>Test</title>  
    <script type='text/JavaScript'>
        function stop(evt) {
          evt.preventDefault();
          var elem = document.getElementById('mysel');
          elem.blur();
          setTimeout('refocus()', 0);
        };
        function refocus() {
          document.getElementById('mysel').focus();
        }
    </script>  
</head>  
<body>  
    <select id="mysel" onkeydown="stop(event);">  
        <option>1</option>  
        <option>2</option>  
        <option selected="selected">3</option>  
        <option>4</option>  
        <option>5</option>  
    </select>  
</body>

boxofrats 2010-06-08 22:57:48

Answer 2

A:

@icktofay: This is a simplified test page demonstrating the problem. What I am actually doing in the main code is replacing the select-box's intrinsic keystroke handling with explicit actions.

@boxofrats: Yes, that is evil... but effective. Thanks.

Anthony 2010-06-24 11:48:53

ansaurus

tags:

views:

answers:

I can't prevent key presses from changing a selected option in Firefox

related questions