Событие Table onkeyup не запускается в Firefox и Chrome - PullRequest
3 голосов
/ 13 сентября 2011

Следующий код прекрасно работает с IE, но не работает с другими браузерами.

<!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>

1 Ответ

3 голосов
/ 13 сентября 2011

Проблема в том, что элементу table нельзя уделить внимание в некоторых браузерах. Если вы добавите свойство tabindex в таблицу, ваш код должен работать, так как это позволит таблице получить фокус:

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

Вот рабочий пример .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...