首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在jQuery中应用文字特效用变量值填充输入字段

在jQuery中应用文字特效用变量值填充输入字段
EN

Stack Overflow用户
提问于 2018-08-27 09:21:38
回答 1查看 173关注 0票数 0

我能够复制隐藏字段的值,导航到另一个选项卡,然后将其粘贴到另一个输入字段。我想为后者申请打字。

代码语言:javascript
复制
$('#send0').click(function(){
 var user = $('#friend').val();
  $("#Profile").removeClass("show");
  $('a[href*="Profile"]').removeClass("active").addClass("collapsed");
  $('a[href*="Send-Credit"]').addClass("active").removeClass("collapsed");
  $("#Send-Credit").addClass("show");
   document.getElementById("receiver").setAttribute('value', user);
});

我试图操纵下面的例子,但没有成功。任何想法。

代码语言:javascript
复制
var i = 0;
var user = $('#friend').val();
var speed = 50; 

function typeWriter() {


if (i < txt.length) {
   document.getElementById("receiver").setAttribute('value', user.charAt(i));
   i++;
   setTimeout(typeWriter, speed);
  }
}
EN

回答 1

Stack Overflow用户

发布于 2018-08-27 12:40:25

有一面你正在为上面的代码使用jQuery,而键入效果没有jQuery!

无论如何,您正在使用setAttribute来应用值,使用jQuery也是如此。

代码语言:javascript
复制
var i = 0;
var txt = 'Lorem ipsum dummy text blabla.';
var speed = 50;

function typeWriter() {
  if (i < txt.length) {
    $("#demo").val($("#demo").val()+txt.charAt(i));
    i++;
    setTimeout(typeWriter, speed);
  }
}
代码语言:javascript
复制
.myText{
width:100%;
padding:15px;
display:block;
font-size:20px
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button onclick="typeWriter()">Click me</button>

<input type="text" id="demo" class="myText" />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52031507

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档