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;
}
});