本文目录一览:
- 1、一个文本框的内容通过按钮移动到另一个文本框里面的JS代码怎么写?
- 2、如何一个用js获取另一个模块内输入的内容,并且点击“编辑”可以让文本框重新输入编辑
- 3、js实现点击内容到文本框再点击更换内容
- 4、js怎么点击文本框换文字就像一个聊天文字游戏一样,点击进行下一句对话?
一个文本框的内容通过按钮移动到另一个文本框里面的JS代码怎么写?
如果你只是打算文本框里面的内容右移左移,那很简单.
获取这两个文本框的对象.
取原来文本框的内容写入到新文本框.
清空原文本框内容.
但是我觉得你应该是想做一个选项一样的东西吧?左边是一行一行的选项,点击了选择一个,然后点击按钮,然后右边就显示.是这样吗?如果是这样的话.那么应该这么做.
左右两边不是文本框,而是select.
给select标签定义size属性,这样就会有高度.
里面的每一行内容都是option
选好内容之后,向新的select添加option.这样就可以了.
如何一个用js获取另一个模块内输入的内容,并且点击“编辑”可以让文本框重新输入编辑
1: onfocus=this.blur()
input type="text" name="input1" value="中国" onfocus=this.blur()
方法2:readonly
input type="text" name="input1" value="中国" readonly
input type="text" name="input1" value="中国" readonly="true"
方法3: disabled
input type="text" name="input1" value="中国" disabled
就是改变文本编辑和不可编辑状态 ,
js实现点击内容到文本框再点击更换内容
你可以参考下面的代码来进行:
!DOCTYPE HTML
html
head
titleyugi/title
meta charset=UTF-8 /
style type="text/css"
/style
script type="text/javascript"
var LInserter =
{
start : 0,
end : 0,
isIE : function ()
{
return (!!window.ActiveXObject);
},
getPos : function (obj, whichone)
{
var me = LInserter;
var pos = 0;
var dir = whichone == "start" ? "StartToStart" : "StartToEnd";
if (me.isIE ())
{
var rangeSelection = document.selection.createRange ();
if (rangeSelection.parentElement ().id == obj.id)
{
if (obj.tagName.toLowerCase () == 'textarea')
{
var rangeBody = document.body.createTextRange ();
rangeBody.moveToElementText (obj);
}
else
{
var rangeBody = obj.createTextRange ();
}
for (pos = 0; rangeBody.compareEndPoints (dir, rangeSelection) 0; pos++)
{
rangeBody.moveStart ("character", 1);
}
for ( var i = 0; i = pos; i++)
{
if (obj.value.charAt (i) == "\n")
{
pos++;
}
}
return (pos = whichone == "start" ? (me.start = pos) : (me.end = pos));
}
}
else
{
return (pos = whichone == "start" ? (me.start = obj.selectionStart) : (me.end = obj.selectionEnd));
}
},
insert : function (obj, params)
{
var me = LInserter;
obj.value = obj.value.substring (0, me.start) + params + obj.value.substr (me.start);
return obj.value;
}
};
/script
/head
body
a href="javascript:;" onclick="LInserter.insert(document.getElementById('conet'), '我我我我我我我我');"点我/a
a href="javascript:;" onclick="LInserter.insert(document.getElementById('conet'), '他他他他他他他');"点他/a
textarea name="conet" id="conet" rows="14" cols="50" style="resize:none;" onmouseup="LInserter.getPos(this, 'start');"/textarea
/body
/html
js怎么点击文本框换文字就像一个聊天文字游戏一样,点击进行下一句对话?
div id="txt" value="" style="width:400px;height: 300px;border:1px solid red;" 点击此处开始/div
script
var clickIndex = 0;
var textArray=["第一句话","第2句话","333","444","555"];
window.onload = function() {
var ts = document.getElementById("txt");
ts.onclick = function() {
if(clickIndextextArray.length){
document.getElementById("txt").innerHTML = textArray[clickIndex];
clickIndex++;
}else{
alert("结束");
}
}
}
/script