Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在文本区域中按下tab按钮但它将进入html中的下一个元素时,使用tab缩进_Html_Css - Fatal编程技术网

在文本区域中按下tab按钮但它将进入html中的下一个元素时,使用tab缩进

在文本区域中按下tab按钮但它将进入html中的下一个元素时,使用tab缩进,html,css,Html,Css,这是代码,我只需要一个输出,在这个输出中,无论何时放置制表符,它都会向右缩进。。但按tab键执行其他操作请参见以下示例: 您可以使用jQuery代码来实现这一点: <textarea></textarea> $(document).delegate('textarea', 'keydown', function(e) { var keyCode = e.keyCode || e.which; if (keyCode == 9) { e.preventD

这是代码,我只需要一个输出,在这个输出中,无论何时放置制表符,它都会向右缩进。。但按tab键执行其他操作

请参见以下示例:

您可以使用jQuery代码来实现这一点:

<textarea></textarea>
$(document).delegate('textarea', 'keydown', function(e) {
  var keyCode = e.keyCode || e.which;

  if (keyCode == 9) {
    e.preventDefault();
    var start = $(this).get(0).selectionStart;
    var end = $(this).get(0).selectionEnd;

    // set textarea value to: text before caret + tab + text after caret
    $(this).val($(this).val().substring(0, start)
                + "\t"
                + $(this).val().substring(end));

    // put caret at right position again
    $(this).get(0).selectionStart =
    $(this).get(0).selectionEnd = start + 1;
  }
});