Javascript 禁用HTML表单中的选项卡

Javascript 禁用HTML表单中的选项卡,javascript,html,forms,Javascript,Html,Forms,我想为我的网页做一个编辑器,这样我就可以轻松地编辑我的网页。我正在为编辑器使用textarea。textarea位于表单内部 因此,如果使用tab缩进,光标将跳到Submit按钮 我找到了一些方法将tabindex设置为-1,但这没有帮助 有没有办法禁用tab功能 <form method='GET' action='pages/save.php'> <textarea id='textbox' class='form-control' name='textarea' row

我想为我的网页做一个编辑器,这样我就可以轻松地编辑我的网页。我正在为编辑器使用
textarea
textarea
位于表单内部

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

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

有没有办法禁用tab功能

<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>


执行此操作

你会得到你想要的

HTML:

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

</textarea>
JS:


添加按键的侦听器。如果是
选项卡
-做点什么。这个问题的可能重复是你想要的吗?您可以使用jqurey:$(document.keydown(函数(e){var-keycode=(e.keycode?e.keycode:e.which);if(keycode==9){e.preventDefault();e.stopPropagation();})@MichaelHIrschler我已经试过了。我会再试一次。也许我弄错了。欢迎你@Bolphgolph。
textarea{

height:250px;
  width:100%;
}
$("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;
    }
});