javascript - 我如何在输入文本中使用此 Javascript 和 jQuery?

标签 javascript jquery

我想知道如何使用/转换此函数以便将工作转换为输入文本...

如果目标是 DIV,则实际上有效,但我想将其用于输入文本...

我找到并想要使用的代码是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<script src="js/jquery.js" type="text/javascript"></script>
<script language="JavaScript">


 $(document).ready(function (){
  textWrite("THIS'S A MESSAGE, I WOULD LIKE WRITE IT INTO A INPUT TYPE TEXT", '#write', 50);
 });

 function textList()
 {
   max = textList.arguments.length;
   for (i = 0; i < max; i++)
  this[i] = textList.arguments[i];
 }

 function textWrite(txt, selector, time)
 {
  $(selector).empty();
  var x = 0; pos = 0;
  var tl = new textList
    ( 
     txt
    );
  var l = tl[0].length;
  textInterval(selector, tl, l, x, pos, time);
 }

 function textInterval(selector, tl, l, x, pos, time)
  { 
   var interval =
   setInterval(function() {
   $(selector).html(tl[x].substring(0,pos));
   if(pos++ == l) 
    clearInterval(interval);
   }, time);
  }

</script>


<title>Untitled Document</title>
</head>


<body>
<div id="write" /></div>
<input type="text" name="WriteHerePlease" id="WriteHerePlease" />
</body>
</html> 

预先感谢您为我提供的所有帮助。

最佳答案

因此,在输入字段的情况下,您只需设置 value (val 方法)而不是 innerHTML (html 方法):

function textWrite(txt, selector, time) {
    $(selector).val('');
    var x = 0;
    var pos = 0;
    var tl = new textList(txt);
    var l = tl[0].length;
    textInterval(selector, tl, l, x, pos, time);
}

function textInterval(selector, tl, l, x, pos, time) {
    var interval = setInterval(function () {
        $(selector).val(tl[x].substring(0, pos));
        if (pos++ == l) clearInterval(interval);
    }, time);
}

演示: http://jsfiddle.net/epy2xrwL/

关于javascript - 我如何在输入文本中使用此 Javascript 和 jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29461096/

相关文章:

javascript - 选择元素 "selected"未更改 - JavaScript

javascript - jQuery 如果表中存在特定文本隐藏他行的第一个 td

javascript - 如何依次播放不同的css动画?

javascript - 在 jQuery/Javascript 中的 bind() 事件后执行条件

javascript - jquery计算同一类不同元素的不同值

javascript - 在 switch/case 中使用 return 后还需要使用 break 吗?

javascript - 当打开的弹出窗口的位置发生变化时得到通知

Javascript 对象自定义函数

javascript - 同一页面上有两个表单和两个脚本,无论是否提交都会调用第一个脚本

javascript - 如何使用 Javascript 以编程方式更改 html 中的 div 位置?