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

原创文章，作者：RRG8F，如若转载，请注明出处：https://www.506064.com/n/130463.html