我正在制作一種新的方法來同步跨度和輸入之間的輸入（“https://stackoverflow.com/questions/8803416/synchonise-2-input-fields-can-it-be-done-using- jquery") 并且它可以作業，但我遇到了一個問題。
我想要做的是使用經典編輯器在 WordPress 中創建一個多行標題，并且輸入需要輸入的任何文本都設定為value="". 如下所示：
<input type="text" name="post_title" size="30" value="" id="title" spellcheck="true" autocomplete="off">
那么如何在 aspan和 an之間同步輸入，input但 text 是 in value=""？
這是我到目前為止所做的代碼（是的，代碼有效，在除錯模式下查看它，您會看到輸入末尾出現的文本）：
$( "<span class='titlebox' role='textbox' contenteditable='true'></span>" ).insertAfter( "#title" );
$("span.titlebox").bind("keyup paste", function() {
$("input#title").text($(this).text());
});.titlebox {ont-size: 2.7em;
letter-spacing: -0.5px;
font-weight: 600;
display: block;
width: 100%;
overflow: hidden;
resize: none;
word-wrap: break-word;
border:1px solid #000}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="post_title" size="30" value="" id="title" spellcheck="true" autocomplete="off">uj5u.com熱心網友回復：
$("input#title").text() 永遠不會作業，而是您需要使用 $("input#title").val() 來填充它
$( "<span class='titlebox' role='textbox' contenteditable='true'></span>" ).insertAfter( "#title" );
$("span.titlebox").bind("keyup paste", function() {
$("input#title").val($(this).text());
});.titlebox {ont-size: 2.7em;
letter-spacing: -0.5px;
font-weight: 600;
display: block;
width: 100%;
overflow: hidden;
resize: none;
word-wrap: break-word;
border:1px solid #000}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="post_title" size="30" value="" id="title" spellcheck="true" autocomplete="off">轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/478983.html
標籤：javascript jQuery wordpress 主题
上一篇：組合框值更改時如何觸發按鈕