博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
chrome浏览器textarea内tab缩进
阅读量:5814 次
发布时间:2019-06-18

本文共 648 字,大约阅读时间需要 2 分钟。

  hot3.png

原理嘛: 我们对所有 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); }})

支持多行缩进

转载于:https://my.oschina.net/cxz001/blog/364135

你可能感兴趣的文章
win7下avr单片机开发环境的搭建
查看>>
python3.3中数据库的处理
查看>>
Android studio Failed to resolve
查看>>
log file parallel write事件
查看>>
HBase集群下,相同数据库表名的隔离问题
查看>>
如何基于阿里云搭建适合初创企业的轻量级架构?
查看>>
【计算思维】什么是逻辑?(带过程)
查看>>
JavaScript 中"$"的含义?
查看>>
springsecurity3.x学习(14)_关系型数据库使用UserDetailsService
查看>>
一个实用的js window封装类
查看>>
iOS网络编程基本概念及关系知多少
查看>>
走近Guava(六): 事件总线EventBus
查看>>
JAXB中各种常见注解小结
查看>>
青花瓷抓包详细步骤
查看>>
...
查看>>
maven常遇到的问题
查看>>
Zabbix监控网络设备
查看>>
【Spring学习笔记】之【4.4 资源之Resource通配符路径】
查看>>
Unicode 与 UTF-8
查看>>
nginx在windows下安装
查看>>