在textarea相应地方插入相应字段

最新推荐文章于 2023-07-25 17:24:20 发布

kidrue

最新推荐文章于 2023-07-25 17:24:20 发布

阅读量199

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/weixin_43295106/article/details/115446033

版权

javaScript 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<form action="a.cgi">
    <table border="1" cellspacing="0" cellpadding="0">
        <tr>
            <td>start: <input type="text" id="start" size="3" /></td>
            <td>end: <input type="text" id="end" size="3" /></td>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="ta" onmousedown="savePos(this)" rows="14" cols="50"></textarea>
            </td>
        </tr>
        <tr>
            <td><input type="text" id="inputtext" /></td>
            <td><input type="button" onClick="add()" value="Add Text" /></td>
        </tr>
    </table>
</form>
<body>
    <script>
        var start = 0;
        var end = 0;
        var textBox = document.getElementById("ta");
        var pre = textBox.value.substr(0, start);
        var post = textBox.value.substr(end);
        function add() {
            textBox.value = pre + document.getElementById("inputtext").value + post;
        }

        function savePos(textBox) {
            //如果是Firefox(1.5)的话，方法很简单 
            if (typeof (textBox.selectionStart) == "number") {
                start = textBox.selectionStart;
                end = textBox.selectionEnd;
                console.log(start + ": " + end);
            }
        }
    </script>

</body>

</html>

kidrue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在textarea相应地方插入相应字段

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><form action="a.cgi"> <table border="1" cellspacing="0" cellpadding="0"> <tr>
复制链接

扫一扫

专栏目录