博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使textarea支持tab键
阅读量:4685 次
发布时间:2019-06-09

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

默认情况下,tab键是自动聚焦在下一个可以聚焦的元素上,那么当我们在teatarea 中写文字时,需要使用tab键来空格,那怎么办,总不能一直敲空格吧!解决的方法就是捕捉发生在textarea上面的keydown事件,阻止其默认行为,代码如下

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

 

转载自:http://my.oschina.net/cxz001/blog/364135

转载于:https://www.cnblogs.com/djlxs/p/5682097.html

你可能感兴趣的文章
标记页面控件尺寸
查看>>
批处理文件中的路径问题
查看>>
appium+python 环境搭建
查看>>
WampServer下修改和重置MySQL密码
查看>>
hibernate出现No row with the given identifier exists问题
查看>>
为什么wait()和notify()属于Object类
查看>>
Part2_lesson3---ARM寄存器详解
查看>>
深入理解vsto,开发word插件的利器
查看>>
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同!
查看>>
导入properties时的坑
查看>>
python——网络编程
查看>>
Spark的39个机器学习库
查看>>
Electron学习笔记(一)
查看>>
Java并发编程:CountDownLatch、CyclicBarrier和Semaphore
查看>>
配置NRPE的通讯
查看>>
VS2005编译VTK5.10.1
查看>>
shp系列(一)——利用C++进行shp文件的读(打开)与写(创建)开言
查看>>
总结上海永辉云商高级前端职位面试题集
查看>>
中国计算机学会推荐国际学术会议和期刊目录
查看>>
文本元素
查看>>