让textarea支持tab缩进功能

让textarea支持tab缩进功能

月光魔力鸭

2018-08-30 08:43 阅读 1623 喜欢 0 textarea textarea支持tab textarea缩进

在我们常用的文本编辑器中,经常会使用tab来控制缩进,但是html表单中常用的textare 无法支持这种,因此...

以下为解决方案

$("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);
    }
})

转载请注明出处: https://chrunlee.cn/article/textarea-tab.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
在我们通过canvs画图的时候经常会用到圆,且需要计算出圆上某点的坐标,由于我数学没学好,总是记不得怎么获取,这里记录下,加深记忆
近期需求:将一棵树导出到excel中,树是ztree,通过插件Table2excel导出table到excel中。
前端时间搞了个小转码,放在后台,但是特别占带宽,想着能不能从前台把这个事搞定呢?读取图片的二进制,然后将字节流处理后重新生成图片展示处理啊。
在页面中不同的frame之间进行相互调用的话,我们可以通过frame获取对应的window然后进行调用,但是如果是浏览器不同的tab之间呢?
我们经常会有判断一个数值是素数的需求,那么我们如何来实现呢?
突然来了一个调研任务,想要实现一个类似3D虚拟展厅类似的需求,主要就是放一些学生的作品,然后预览啥的,效果还是要全景的效果。 经过一番调查,最终锁定了以前从未接触过的krpano。
最近折腾的少了,实在没的写了,大约三四个月没更新了,先水一篇。
今天刷codewars的题目的时候碰到一个通过js来实现字符串转base64的题目,base64虽然在js或nodejs中经常用,但是我还真没有仔细去看过原理以及如何实现,这回绕不过去了,赶紧找了找资料看了下。