不使用输入元素获取用户输入

Question

有没有办法在不让他输入文本框或隐藏文本框的情况下获取用户文本输入。 我想构建类似于包含文本的表格单元格的东西，当用户点击单元格时，他可以在那里编辑文本。

Answer 1

您可以使用contenteditable：

＆＃13;

＆＃13;

document.getElementById('foo').addEventListener('keyup', e => {
	console.log(e.target.innerText)
})

＆＃13;

<table>
  <tbody>
    <tr>
      <td id="foo" contenteditable="true">Foo</td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以使用像html5可编辑表这样的可编辑表，点击    （https://codepen.io/ashblue/pen/mCtuA）例如！

replace()