javascript-在表单输入内获取Typed.js闪烁的光标很麻烦

使用Typed.js jQuery插件,我一直试图使闪烁的光标出现在表单输入中.我尝试弄乱它,甚至复制了我在网上找到的示例,但是它仍然出现在表单输入之外.有任何想法吗？

这是显示问题的小提琴：

http://jsfiddle.net/dunphyben/1pp3x3au/1/

$(function(){
    $(".form-control").typed({
        strings: ["Web Developer", "Graphic Designer", "Mobile Developer", "Road Warrior", "DevOps", "Real Estate Agent", "Accountant", "Product Manager", "CEO"],
        attr: "placeholder",
        typeSpeed: 100
    });
});

解决方法:

删除闪烁的CSS动画,并使用引号添加一个空字符串,如下所示：

,”

在周期结束时,光标会闪烁.

$(function(){
    $(".form-control").typed({
        strings: ["Web Developer", "pimp", ""],
        attr: "placeholder",
        typeSpeed: 100
    });
});

更新小提琴http://jsfiddle.net/1pp3x3au/16/

标签：typed,javascript,jquery
来源： https://codeday.me/bug/20191028/1955354.html