为了账号安全,请及时绑定邮箱和手机立即绑定

js可以做出这种点击a标签向textarea插入标签并且把光标放在标签之间的效果吗?

js可以做出这种点击a标签向textarea插入标签并且把光标放在标签之间的效果吗?

泛舟湖上清波郎朗 2018-12-18 17:18:43
上面动态图可以看出来,当点击粗体的时候,就会向textarea插入标签对,并且光标自动出现在标签中间!其它的也是一样,这么怎么做?
查看完整描述

1 回答

?
慕村9548890

TA贡献1884条经验 获得超4个赞

https://img1.sycdn.imooc.com//5c304e540001e89b02630159.jpg

<!DOCTYPE html>

<html>

    <head>

        <title>Hello World</title>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

    </head>

    <body>

        <input type="button" onclick="test()" value="a">

        <textarea id="txt" cols="30" rows="10"></textarea>

    </body>

    <script>

        var txt = document.getElementById("txt");

        txt.value = "123456";

        function test(value){

            var temp = txt.value;

            txt.focus();

            var pointIndex = txt.selectionStart;

            var str1 = temp.substr(0,pointIndex);

            var str2 = temp.substr(pointIndex,temp.length);

            txt.value = str1+"<a></a>"+str2;

            var newIndex = pointIndex+3;

            txt.setSelectionRange(newIndex,newIndex);

        }

    </script>

</html>


查看完整回答
反对 回复 2019-01-05
  • 1 回答
  • 0 关注
  • 1100 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信