首页 > 其他 > 详细

chrome浏览器textarea内tab缩进

时间:2015-01-06 12:12:56      阅读:305      评论:0      收藏:0      [点我收藏+]

原理嘛:
我们对所有 textarea 元素绑定 onkeydown 事件,截获tab按键行为,通过js操作文本实现缩进,阻止默认的tab事件。

借助于jQuery,实现了一下:

//textarea支持tab缩进
$("textarea").on(‘keydown‘,function(e){
    if(e.keyCode == 9){
        e.preventDefault();
        var indent = ‘    ‘;
        var start = this.selectionStart;
        var end = this.selectionEnd;
        var selected = window.getSelection().toString();
        selected = indent + selected.replace(/\n/g,‘\n‘+indent);
        this.value = this.value.substring(0,start) + selected + this.value.substring(end);
        this.setSelectionRange(start+indent.length,start+selected.length);
    }
})

支持多行缩进

chrome浏览器textarea内tab缩进

原文:http://my.oschina.net/cxz001/blog/364135

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!