禁用HTML表单中的选项卡

时间:2017-09-01 06:56:32

标签: javascript html forms

我想为我的网页制作一个编辑器,以便我可以轻松编辑我的页面。我正在使用textarea作为编辑器。 textarea位于表单内。

因此,如果我使用tab缩进,光标将跳转到Submit按钮。

我找到了一些方法来将tabindex设置为-1,但这没有帮助。

有没有办法禁用标签功能?

<form method='GET' action='pages/save.php'>
 <textarea id='textbox' class='form-control' name='textarea' rows='20' cols='80'></textarea><br />
  <input id='safebutton' type='submit' value='Save' />
 </form>

1 个答案:

答案 0 :(得分:2)

浏览此Fiddle

你会得到你想要的。

HTML:

<textarea placeholder='Enter text Here....'>

</textarea>

css:

textarea{

height:250px;
  width:100%;
}

JS:

$("textarea").keydown(function(e) {


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

        var $this = $(this);

        $this.val($this.val().substring(0, start)
                    + "\t"
                    + $this.val().substring(end));

        this.selectionStart = this.selectionEnd = start + 1;

        return false;
    }
});