码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 光标插入文字

时间:2018-05-02 18:04:29      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:tran   fan   scrolltop   htm   nbsp   har   +=   rtp   input   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta charset="utf-8" />
<head>
<title></title>
</head>
<body>

<textarea id="test" />改个需求。</textarea>
<input type="button" onclick="tt(‘呵呵‘)" value="aa" />
<script type="text/javascript">
    function tt(val) {
    var val = val;
    var test = document.getElementById(‘test‘);
    if(document.selection) { //ie 8,9,10
    test.focus();
    sel = document.selection.createRange();
    sel.text = val;
    test.focus();
} else {
    if(test.selectionStart || test.selectionStart == ‘0‘) { //光标开始的位置
    var startPos = test.selectionStart;
    var endPos = test.selectionEnd;
    var scrollTop = test.scrollTop;
    console.log(startPos)
    test.value = test.value.substring(0, startPos) + val + test.value.substring(endPos, test.value.length);
    test.focus();
    test.selectionStart = startPos + val.length; //设置鼠标开始位置
    test.selectionEnd = startPos + val.length; //设置鼠标结束位置
    test.scrollTop = scrollTop; //插入的文字显示在滚动条内
    } else {
    test.value += val;
    test.focus();
    }
}
}
</script>

</body>

</html>

可参考 https://blog.csdn.net/mafan121/article/details/78519348

textarea 光标插入文字

标签:tran   fan   scrolltop   htm   nbsp   har   +=   rtp   input   

原文地址:https://www.cnblogs.com/92xcd/p/8981516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!