textareajs代碼的簡單介紹

本文目錄一覽：

• 1、求一段javascript代碼，驗證框里輸入的的js不會執行，而是發佈出來。
• 2、textarea中使用JS代碼的問題
• 3、如何用JS往textarea框裏面添加
• 4、js修改textarea
• 5、怎麼通過js給textarea賦值
• 6、如何利用JS代碼選取textarea中的指定行

求一段javascript代碼，驗證框里輸入的的js不會執行，而是發佈出來。

我明白你的需求了..改一下答案…

//定義函數,把字符串轉化為html實體.

function htmlspecialchars(string){

string = string.toString();

string = string.replace(//g, ”).replace(//g, ”).replace(/’/g, ”’).replace(/”/g, ‘”‘);

return string;

}

修改後run

function run()

{

var value = document.getElementById(“a”).value;

var Tb = document.getElementById(“b”);

Tb.innerHTML=htmlspecialchars(value);

}

很坑啊…百度把我寫的給轉化了….

textarea中使用JS代碼的問題

按照apollo47的說法

當你取回來後再轉換一次就好

return orgStr.replaceAll(“br”,”\r\n” );

我們再做開發時候一般會做個轉換的工具類

或者使用FCKEditor這種開源的組件

一般採用後者來做 網上很多 下個拿來就用

如何用JS往textarea框裏面添加

不知道你用沒有jequry框架，當然用不用這個不影響，你的意思如果是用js向

textarea裏面寫入數據的話，很簡單的，你先用選擇器選擇到textarea對象，比如用id選擇器，var obj = document.getElementById(“”); 選擇好對象後，直接用obj.value = “你想要添加的內容”;

js修改textarea

使用onsubmit需注意：當使用普通的按鈕（input type=button）調用form.submit()方法提交表單而非直接使用提交按鈕（input type=submit）提交表單時，不能觸發onsubmit事件。

其實對於樓主這種需求（在提交前對錶單做一定處理），可以使用普通按鈕調用一個定義好的函數，在這個函數的末尾調用submit動作提交表單就行了，沒有必要使用onsubmit。

怎麼通過js給textarea賦值

textarea標籤是成對出現的,以textarea開 始,以/textarea結束

屬性:

Common — 一般屬性

cols — 多行輸入域的列數

rows — 多行輸入域的行數

alt — 代表表單的提示文字,當鼠標停留時

accesskey — 表單的快捷鍵訪問方式

disabled — 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用

readonly — 輸入域可以選擇,但是無法修改

tabindex — 輸入域,使用”tab”鍵的遍歷順序

引用網址:

沒見value屬性，但實際還可用，賦值時用innerText、innerHTML、value都可以，如下：

html

head/head

script type=”text/javascript”

function changeTextArea(){

document.getElementByIdx_x(“myTextArea”).innerText=document.getElementByIdx_x(“myTextArea”).innerText+”\ninnerText is ok!”;

document.getElementByIdx_x(“myTextArea”).innerHTML=document.getElementByIdx_x(“myTextArea”).innerText+”\ninnerHTML is ok!”;

document.getElementByIdx_x(“myTextArea”).value=document.getElementByIdx_x(“myTextArea”).innerText+”\nvalue is ok!”;

}

/script

body

textarea name= “myTextArea” cols= “80 ” rows= “10 “原始值/textarea

input type=”button” value=”按鈕” onclick=”changeTextArea()”/

/body

/html

如何利用JS代碼選取textarea中的指定行

【實例名稱】

選取textarea中的指定行

【實例描述】

使用控件的focus或select方法，可以很方便地選取textarea的所有內容，但卻無法實現某行的選取。本例講解如何選取textarea中的指定行。

【實例代碼】

function getTxtRow(num, mytxt) //獲取指定行的方法-第二個參數為文本框ID

{

//獲取文本框內當前光標的位置

var range = document.getElementById(mytxt).createTextRange();

var rect = range.getClientRects();//返回一個矩形

var left = rect[0].left;

if(num rect.length – 1 || num 0)

return;

if(num == 0) //選擇第一行的情況

{

//設置選擇範圍

var right = rect[0].right;

range.moveEnd(“character”,-range.text.length);

while(range.offsetLeft + range.boundingWidth right)

{

range.expand(“character”);

}

return range;

}

else

{

//設置選擇範圍

var right = rect[num].right;

var range = getTxtRow(num – 1, mytxt);

range.moveStart(“character”,range.text.length + 1);

while((range.offsetLeft + range.boundingWidth) right)

{

range.expand(“character”);

}

if(range.offsetLeft left)

range.moveStart(“character”,-1);

return range;

}

}

//選擇指定行數的方法

function getText(num)

{

var range = getTxtRow(num,”txt”)//調用真正的獲取行方法

if(range != null) //如果指定的行內容不為空

{

alert(range.text);

range.select(); //選擇指定的行

}

}

/SCRIPT