在textarea光标处插入内容

最新推荐文章于 2022-02-08 10:00:29 发布

xyzqiang

最新推荐文章于 2022-02-08 10:00:29 发布

阅读量3.6k

点赞数 1

分类专栏： HTML/CSS/JS 文章标签： button function input html

HTML/CSS/JS 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<html> 
<head> 
<script type='text/javascript'> 
function test(str){

    var tc = document.getElementById("mytextarea");
    var tclen = tc.value.length;
    tc.focus();
    if(typeof document.selection != "undefined")
    {
        document.selection.createRange().text = str;  
    }
    else
    {
        tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
    }
}
</script> 
</head> 
<body>
<textarea rows=5 name=s1 cols=27  id="mytextarea">目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字 </textarea> 
<input type=button οnclick="test('这是需要加入的文字')" /> 
</body> 
</html>