我如何在INPUT TEXT中使用这个Javascript和jQuery
How can i use this Javascript with jQuery in a INPUT TEXT?
我想知道如何使用/转换此函数,以便将工作转换为INPUT TEXT。。。
如果目标是一个DIV,实际上是有效的,但我想把它用在INPUT文本中。。。
我发现并想使用的代码是:
<!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/
相关文章:
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- Javascript(jQuery)给了我奇怪的结果
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript/jQuery中的并行Ajax调用
- 我可以在Javascript/jQuery中使用一个变量作为键吗
- Javascript/Jquery/PHP加载页面-如何
- Javascript/Jquery Blob not showing Chrome PDF
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- OnClick/Onhover Javascript/jquery
- 如何从javascript/jquery中的复选框中获取布尔值
- javascript/jquery将utc转换为短格式的本地时间
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何向这个javascript/jquery函数添加参数
- 用JavaScript/jQuery点击图片,选中多个方框
- 使用Javascript/JQuery获取JSON GET数据
- 从数组中删除元素的最佳方法是:javascript/jquery
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 用DRY方式Javascript/JQuery动态替换HTML
- 类似Javascript JQuery的库
- 如何在 Javascript/jQuery 中获取一些随机下拉列表的选定值