Показать сообщение отдельно
  #2 (permalink)  
Старый 21.10.2019, 05:19
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Ruru
екоторые ячейки открываются для ввода
contentEditable?

<style>
table {
    border-collapse: collapse;
}
td {
    border: 1px solid #ddd;
    padding: 6px;
}
</style>


<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
</table>


<script>
var tbl = document.querySelector('table');

tbl.addEventListener('mousedown', function(e) {
    e.target.contentEditable = e.target.contentEditable=="inherit" || e.target.contentEditable=="false" ? true : false 
});

tbl.addEventListener('input', function(e) {
    e.target.textContent = e.target.textContent.replace(/\D|0/,'').replace(/(\d)\d+/,'$1') 
});
</script>

Последний раз редактировалось laimas, 21.10.2019 в 07:24.
Ответить с цитированием