powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onkeypress на <table> и <td> в Mozilla Firefox
8 сообщений из 8, страница 1 из 1
onkeypress на <table> и <td> в Mozilla Firefox
    #35642357
Ymka2007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
подскажите пожалуйста.
хочу реализовать такую таблицу: /topic/462433&pg=1&hl=niauoey+table, но с возможностью перемещения по ячейкам таблицы посредством клавиатуры.

я знаю, что в IE на таблицу можно повесить событие onkeypress
в FF оно не работает.

Вопрос: как сделать так чтобы в FF на элементе <table> и <td> могло работать событие onkeypress??? Можно ли при динамическом формировании таблицы повесить на нее событие onkeypress так что бы это работало в FF и IE ???
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35642362
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Почему в фф не работает. Примерчик в студию. На самом деле, всё работает.
ПС. onreydown надо вешать.
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35642363
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пардон, onkeydown.
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35642424
Ymka2007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вот хотя бы этот:
жмем кнопку - передаем фокус на таблицу, жмем любую другую клавишу - FF не выводит сообщение
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<html>
<head>
<style>
table#tt {border:outset 2px;background:white;border-collapse:collapse;}
table#tt td,th{border:1px inset;height:25px;}
table#tt input{background-color:red;width: 100 %;border:none;}
table#tt input,td {font-family:tahoma;font-size:14px;text-align:center}
</style>
<script language=javascript>
function insertINPUT(e)
{
 var td=(e.target||window.event.srcElement);

 if (td.tagName!='TD') return;
 var txt=td.innerHTML; 
 var inp=document.createElement('input');
 inp.value=txt;
 inp.onblur=destroyInput;

 var sel=window.getSelection ? getSelection() : document.selection.createRange().text;
 sel+="";

 td.innerHTML='';
 td.appendChild(inp);
 inp.focus();
 if(sel.length> 0 ) inp.select();
}
function destroyInput()
{
 this.parentNode.innerHTML=this.value;
}
function foc()
{
var t = self.document.getElementById('tt');
t.focus();
}
</script>
</head>

<body>
<table onmouseup=insertINPUT(event) id=tt style='width:50%' onKeyDown="alert('Table onkeydown');">
<tr><th style='width:20%'>head1<th style='width:20%'>head2<th style='width:60%'>head3
<tr>
<td> 1 </td><td> 2 </td><td> 3 </td>
</tr>
<tr>
<td> 11 </td><td> 12 </td><td> 13 </td>
</tr>
<td> 21 </td><td> 22 </td><td> 23 </td>
</table>
<input type="button" onClick="foc();">
</body>
</html>
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35642880
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
w3schools.comHTML DOM focus() Method

Definition and Usage
The focus() method is used to give focus to a text field.

Syntax
textObject.focus()

чтобы можно было передать фокус обычному элементу, у него обязательно должен быть выставлен атрибут tabindex
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35643163
Ymka2007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
с фокусом как раз то и проблем нет
есть проблемы с клавиатурой на элементе <table>
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35643242
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ymka2007с фокусом как раз то и проблем нет
с фокусом как раз то проблема и есть. При клике по кнопке фокус остается на ней и никаких событий для table естественно не случается. Припиши table tabindex="1" и сравни.
...
Рейтинг: 0 / 0
onkeypress на <table> и <td> в Mozilla Firefox
    #35643309
Ymka2007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
правда заработало
спасибо
буду рыть дальше
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onkeypress на <table> и <td> в Mozilla Firefox
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]