Показать сообщение отдельно
  #9 (permalink)  
Старый 04.07.2015, 17:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,143

делегирование для инпутов в таблице
Вариант без jquery, изменить значение в инпут и нажать F2
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
<body>
<table width="400">
	<thead>
		<tr>
			<th>Title 1</th>
			<th>Title 2</th>
			<th>Title 3</th>
            <th>Title 4</th>
			<th>Title 5</th>
			<th>Title 6</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><input></td>
			<td><input></td>
			<td><input></td>
            <td><input></td>
			<td><input></td>
			<td><input></td>
		</tr>
		<tr>
			<td><input></td>
			<td><input></td>
			<td><input></td>
            <td><input></td>
			<td><input></td>
			<td><input></td>
		</tr>
	</tbody>
</table>

<script>
var table = document.querySelector("table");
table.addEventListener("keydown", function(a) {
    var c = a.target;
    if ("INPUT" == c.tagName && 113 == a.keyCode) {
        var d;
        for (a = c.parentNode; "TR" != a.tagName && a;) a = a.parentNode;
        if (a) {
            a = a.querySelectorAll("input");
            for (var b = 0, e = 1; a[b]; b += e) a[b] == c && (d = c.value, e = 2), void 0 != d && (a[b].value = d)
        }
    }
});
</script>
</body>
</html>
Ответить с цитированием