入力フィールドの最後の文字の後に特定のシンボルを表示

Question

このシンボルを表示するにはどうすればいいですか？入力フィールドの最後の文字の後に？ 例：ユーザーが入力にテキストを入力した場合、 "abc"と入力したと仮定して、入力フィールド "abc |" - 最後の文字の後ろに（？）を追加するには、javascriptを使用してください。

考えられるのは、入力が無効なので、入力カーソルが表示されています。タイピングカーソルのようになります。

Answer 1

あなたは次のようなことをしたいと思います。 javascriptのsetInterval関数を使用して、選択した間隔ごとに実行することができます。この場合は500msです。

毎回placeholder === '|'をチェックして、それを切り替えます。

下記の実行コード例を参照してください。

var inpt = document.getElementById("input-box"), 
 
\t ltr = document.getElementById("ltr"); 
 

 
ltr.onclick = function() { 
 
inpt.value += "Q" 
 
} 
 

 
setInterval(function() { 
 
    if (document.getElementById('input-box').placeholder === '|') { 
 
     document.getElementById('input-box').placeholder = ''; 
 
    } else { 
 
     document.getElementById('input-box').placeholder = '|'; 
 
    } 
 

 
    if(document.getElementById('input-box').value.slice(-1) === 'Q'){ 
 
     document.getElementById('input-box').value += '|'; 
 
    } else if(document.getElementById('input-box').value.slice(-1) === '|') { 
 
     document.getElementById('input-box').value = document.getElementById('input-box').value.slice(0, -1); 
 
    } 
 
}, 500);

<input type="text" id="input-box" disabled> 
 
    <button id="ltr">Letter Q 
 
</button>