入力に変換するスパンと逆の
3684 ワード
[Clique aqui para ler em português]
スパンにJavaScriptと入力を使用して入力にスパンを変えましょう.
コード
最初にインターフェイスを作成します.HTMLのみを使用して、簡単なことをします.
*スパンスイッチ=ここでスパンは入力値としてスパンテキストを使用して入力に置き換えられます *ここで、入力はスパンのテキストとして入力値を使用してスパンに置き換えられます できるだけ簡単に準備.
デモ
下記の完全プロジェクトを見てください.
Youtube
あなたが見るのを好むならば、私はYouTube(ビデオでPT - BR)の発展を見ます.
読書ありがとう!
あなたが質問、苦情やヒントを持っている場合は、コメントでここにそれらを残すことができます.私は、答えて満足です!
😊😊 ではね!😊😊
スパンにJavaScriptと入力を使用して入力にスパンを変えましょう.
コード
最初にインターフェイスを作成します.HTMLのみを使用して、簡単なことをします.
<div id="element">
<span onclick="spanSwitch(this)"> John </span>
</div>
私たちは、JavaScriptを使用して検索を支援するためにID要素を持つdivを持っています.function spanSwitch(e) {
let txt = e.innerText;
let element = document.getElementById('element');
element.innerHTML = `<input onblur='spanReset(this)' value='${txt}' />`;
document.getElementsByTagName('input')[0].focus();
}
function spanReset(e) {
let txt = e.value;
let element = document.getElementById('element');
element.innerHTML = `<span onclick='spanSwitch(this)'> ${txt} </span>`;
}
二つの機能があります.デモ
下記の完全プロジェクトを見てください.
Youtube
あなたが見るのを好むならば、私はYouTube(ビデオでPT - BR)の発展を見ます.
読書ありがとう!
あなたが質問、苦情やヒントを持っている場合は、コメントでここにそれらを残すことができます.私は、答えて満足です!
😊😊 ではね!😊😊
Reference
この問題について(入力に変換するスパンと逆の), 我々は、より多くの情報をここで見つけました https://dev.to/walternascimentobarroso/convert-span-to-input-and-vice-versa-using-javascript-nlhテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol