js點擊文本框內容互換代碼下載,javascript文本框

本文目錄一覽：

• 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