页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容

在textarea输入Tab

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

var code, sel, tmp, r 
    var tabs="" 
    event.returnValue = false 
    sel =event.srcElement.document.selection.createRange() 
    r = event.srcElement.createTextRange()

switch (event.keyCode) 
    { 
        case (8)    : 
            if (!(sel.getClientRects().length > 1)) 
            { 
                event.returnValue = true 
                return 
            } 
            code = sel.text 
            tmp = sel.duplicate() 
            tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
            sel.setEndPoint("startToStart", tmp) 
            sel.text = sel.text.replace(/^\t/gm, "") 
            code = code.replace(/^\t/gm, "").replace(/\r\n/g, "\r") 
            r.findText(code) 
            r.select() 
            break 
        case (9)    : 
            if (sel.getClientRects().length > 1) 
            { 
                code = sel.text 
                tmp = sel.duplicate() 
                tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
                sel.setEndPoint("startToStart", tmp) 
                sel.text = "\t"+sel.text.replace(/\r\n/g, "\r\t") 
                code = code.replace(/\r\n/g, "\r\t") 
                r.findText(code) 
                r.select() 
            } 
            else 
            { 
                sel.text = "\t" 
                sel.select() 
            } 
            break 
        case (13)    : 
            tmp = sel.duplicate() 
            tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
            tmp.setEndPoint("endToEnd", sel)

for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++)    tabs += "\t" 
            sel.text = "\r\n"+tabs 
            sel.select() 
            break 
        default        : 
            event.returnValue = true 
            break 
    } 
} 
</script> 
<textarea rows="24" onkeydown="editTab()" style="width:100%" name="filetext" cols="80"></textarea>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：在textarea输入Tab

百度中搜索更多的关于在textarea输入Tab内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

文章评论

共有位脚本之家网友发表了评论我来说两句

在textarea输入Tab

文章评论

同类文章

最近更新

热点排行

在textarea输入Tab

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行