textarea中在光标后输入tab键的方法

最新推荐文章于 2022-12-21 14:21:27 发布

Demon_95

最新推荐文章于 2022-12-21 14:21:27 发布

阅读量2.9k

点赞数 1

分类专栏： Web

本文链接：https://blog.csdn.net/Neverevereverever/article/details/52220226

版权

Web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<textarea type="text" id="myInput"></textarea>
<script type="text/javascript">
    var myInput = document.getElementById("myInput");
    str = "    ";
    if(myInput.addEventListener ) {
        myInput.addEventListener('keydown',this.keyHandler,false);
    } else if(myInput.attachEvent ) {
        myInput.attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
    }

    function keyHandler(e) {
        var TABKEY = 9;
        if(e.keyCode == TABKEY) {
        	insertText(myInput,str);
        	if(e.preventDefault) {
                e.preventDefault();
            }
        }
    }
    function insertText(obj,str) {
        if (document.selection) {
            var sel = document.selection.createRange();
            sel.text = str;
        } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
            var startPos = obj.selectionStart,
                endPos = obj.selectionEnd,
                cursorPos = startPos,
                tmpStr = obj.value;
            obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
            cursorPos += str.length;
            obj.selectionStart = obj.selectionEnd = cursorPos;
        } else {
            obj.value += str;
        }
    }
</script>