textareajs代码的简单介绍

发布时间：2023-12-08

textareajs代码的简单介绍

更新： <time datetime="2022-11-11 14:53">2022-11-11 14:53</time>

本文目录一览：

  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, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;').replace(/"/g, '&quot;');
    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都可以，如下：
<head>
    <script type="text/javascript">
        function changeTextArea() {
            document.getElementById("myTextArea").innerText = document.getElementById("myTextArea").innerText + "\ninnerText is ok!";
            document.getElementById("myTextArea").innerHTML = document.getElementById("myTextArea").innerText + "\ninnerHTML is ok!";
            document.getElementById("myTextArea").value = document.getElementById("myTextArea").innerText + "\nvalue is ok!";
        }
    </script>
</head>
<body>
    <textarea name="myTextArea" cols="80" rows="10">原始值</textarea>
    <input type="button" value="按钮" onclick="changeTextArea()" />
</body>

如何利用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(); //选择指定的行
    }
}
推荐文章