Tab分隔符在Chrome文本区域无效-Javascript
Tab delimiter not working in Chrome textarea - Javascript
我有一个文本区域,当用户按下tab键时,我想在其中添加一个选项卡"''t"。我当前的代码是:
textarea.onkeydown = function (e) {
var key = (e.keyCode || e.which);
if (key == 9) {
(e.preventDefault ? e.preventDefault() : e.stopPropogation());
var s = this.selectionStart;
var end = this.selectionEnd;
this.value = this.value.substring(0, s) + "'t" + this.value.substring(end);
this.selectionStart = end + 1;
}
};
它在Firefox中运行良好,在IE中,当tab键被按住时,文本会四处移动,但它添加了一个选项卡,但在Chrome中什么都没发生。我查看了开发人员工具中的value属性,看到了选项卡,但它们没有显示在文本区域,我无法选择或将光标移到它们上面。
在代码中删除
> white-space: nowrap;
用于文本区域
http://jsbin.com/tacagavawuwa/9/
nowrap空白的序列将塌陷为单个空白。文本永远不会换行到下一行。正文继续行,直到遇到
标记http://www.w3schools.com/cssref/pr_text_white-space.asp
相关文章:
- onkeyup无法动态创建多个文本区域
- FabricJs-限制主对象内添加对象的移动区域
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- 具有所有样式的文本正在复制到可编辑文本区域
- 如何为高图中的区域线创建z索引
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- ng在下拉列表和文本区域提交
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 这个问号在Flow中意味着什么:“;?()=>“无效”;
- 从字符串末尾删除空白无效
- 当用户按下回车键时,自动在text区域/text中插入消息
- 将文本插入光标所在的文本区域
- 检查输入/文本区域中粘贴的文本是否存在无效的章程
- IE10+上的AngularJS,带有占位符原因的文本区域“;无效参数&”;
- 返回字符对于SimpleText区域和Validation TextBox的混合无效
- Tab分隔符在Chrome文本区域无效-Javascript
- 在文本区域中用红色突出显示无效的电子邮件地址
- 文本区域在角度初始化时无效