在输入字段的最后一个字母之后显示一个特定的符号

用户名

我如何显示此符号“ |” 输入字段中的最后一个字母之后?示例:如果用户在输入中输入任何文本,则假设他输入了“ 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用CSS删除输入字段的最后一个字母的字母间距?

来自分类Dev

验证 Rails 中输入字段的最后一个字母

来自分类Dev

(React) 密码输入字段一次显示一个字母

来自分类Dev

如何使用Vim在第一个字母和最后一个字母之后放置几个字符?

来自分类Dev

删除字符串JS的最后一个字母之后的所有字符

来自分类Dev

解密AES更改最后一个字母

来自分类Dev

在最后一个字母后插入逗号

来自分类Dev

组合框隐藏所选字段选项中的最后一个字母

来自分类Dev

输入中的最后一个字母必须为红色

来自分类Dev

我正在尝试显示一个字母的出现次数,但是输出仅显示最后一个字母

来自分类Dev

如何获得一个字母输入以匹配另一个字母输入的长度?

来自分类Dev

POST中的最后一个字段丢失

来自分类Dev

如何对齐最后一个字段的输出

来自分类Dev

提取每个单词的第一个字母,但保留特定的标点符号

来自分类Dev

如何每次淡入/显示一个字母?

来自分类Dev

当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

来自分类Dev

当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

来自分类Dev

删除输入字段jQuery的最后一个字符

来自分类Dev

在最后一个字之后打印一个数字

来自分类Dev

输入一个字母时,搜索栏不会显示所有相关结果

来自分类Dev

jQuery自定义验证仅显示最后一个字段的错误

来自分类Dev

我最后一个字中的第一个字母怎么被截断?

来自分类Dev

获取字母矢量的字母顺序的第一个和最后一个字母

来自分类Dev

将命令的输出与另一个的最后一个字段合并

来自分类Dev

不是只打印一个字母的所有字母,而是需要在输入的字母之后打印出每个字母

来自分类Dev

libgdx textanimation(一个字母一个字母)

来自分类Dev

libgdx文本动画(一个字母一个字母)

来自分类Dev

用相应的字母数字替换文件名的最后一个字母

来自分类Dev

如何获取字符串中的n个最后一个字母

Related 相关文章

  1. 1

    如何使用CSS删除输入字段的最后一个字母的字母间距?

  2. 2

    验证 Rails 中输入字段的最后一个字母

  3. 3

    (React) 密码输入字段一次显示一个字母

  4. 4

    如何使用Vim在第一个字母和最后一个字母之后放置几个字符?

  5. 5

    删除字符串JS的最后一个字母之后的所有字符

  6. 6

    解密AES更改最后一个字母

  7. 7

    在最后一个字母后插入逗号

  8. 8

    组合框隐藏所选字段选项中的最后一个字母

  9. 9

    输入中的最后一个字母必须为红色

  10. 10

    我正在尝试显示一个字母的出现次数,但是输出仅显示最后一个字母

  11. 11

    如何获得一个字母输入以匹配另一个字母输入的长度?

  12. 12

    POST中的最后一个字段丢失

  13. 13

    如何对齐最后一个字段的输出

  14. 14

    提取每个单词的第一个字母,但保留特定的标点符号

  15. 15

    如何每次淡入/显示一个字母?

  16. 16

    当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

  17. 17

    当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

  18. 18

    删除输入字段jQuery的最后一个字符

  19. 19

    在最后一个字之后打印一个数字

  20. 20

    输入一个字母时,搜索栏不会显示所有相关结果

  21. 21

    jQuery自定义验证仅显示最后一个字段的错误

  22. 22

    我最后一个字中的第一个字母怎么被截断?

  23. 23

    获取字母矢量的字母顺序的第一个和最后一个字母

  24. 24

    将命令的输出与另一个的最后一个字段合并

  25. 25

    不是只打印一个字母的所有字母,而是需要在输入的字母之后打印出每个字母

  26. 26

    libgdx textanimation(一个字母一个字母)

  27. 27

    libgdx文本动画(一个字母一个字母)

  28. 28

    用相应的字母数字替换文件名的最后一个字母

  29. 29

    如何获取字符串中的n个最后一个字母

热门标签

归档