Home/ Questions/Q 6549583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T12:06:37+00:00

Following code works fine with IE, but doesn’t work with other browsers. <!DOCTYPE html

  • 0

Following code works fine with IE, but doesn’t work with other browsers.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function OnLoad() {
            var tbl = document.getElementById("tbl");
            tbl.addEventListener("keyup", OnKeyUp);
            tbl.focus();
        }

        function OnKeyUp(event) {
            alert(event.keyCode);
        }
    </script>
</head>
<body onload="OnLoad()">
    <table id="tbl">
        <tr>
            <td>
                1
            </td>
            <td>
                2
            </td>
            <td>
                3
            </td>
        </tr>
        <tr>
            <td>
                4
            </td>
            <td>
                5
            </td>
            <td>
                6
            </td>
        </tr>
    </table>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that the table element cannot be given focus in some browsers. If you add a tabindex property to the table, your code should work, as that will allow the table to receive focus:

    <table id="tbl" tabindex="1">
    <!--Rest of your code-->
</table>

    Here’s a working example.

    • 0