我如何显示此符号“ |” 输入字段中的最后一个字母之后?示例:如果用户在输入中输入任何文本,则假设他输入了“ abc”,我希望它在输入字段“ abc |”中看起来像这样 -使用javascript在最后一个字符后添加(|)。
想法是,我有一个禁用的输入,所以其中没有键入光标出现,我想要这个符号“ |” 就像打字光标一样。
您想要执行以下操作。您可以使用javascript的setInterval函数以每个选定的间隔运行-在这种情况下为500ms
。
每次检查placeholder === '|'
,如果需要,请进行切换。
请参见下面的运行代码示例。
var inpt = document.getElementById("input-box"),
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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句