2017-07-08 16 views
0

テキストボックスに入力することなくユーザーテキスト入力を取得する方法、またはテキストボックスを隠す方法はありますか。 私はテキストを含む表のセルのようなものを作りたいと思っています。そして、ユーザーがセルをクリックするとそこのテキストを編集することができます。 、あなたはHTML5編集可能なテーブルのような編集可能なテーブルを使用することができます入力要素を使用せずにユーザー入力を取得する

document.getElementById('foo').addEventListener('keyup', e => { 
 
\t console.log(e.target.innerText) 
 
})
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td id="foo" contenteditable="true">Foo</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

+1

このようにしますか? https://codepen.io/ashblue/pen/mCtuA – frozen

+0

いくつかの方法があります:たとえば、「contenteditable」HTMLプロパティを使用する場合や、クリックの後にのみ表示され、対応する値を取り込む入力の場合等それらの可能性について少し調べて、試してみてください。 – trincot

+0

Javascriptで実際のクリエイティブを取得し、キーストロークを記録し、ページ上のいくつかのdivを更新して、これまでにどのキーが押されているかを表示できます。 – Pytth

答えて

1

あなたはcontenteditableを使用することができます!

enter code here 
関連する問題