我想为我的网页制作一个编辑器,这样我就可以轻松地编辑我的网页。我正在为编辑器使用 textarea
。 textarea
位于表单内。
因此,如果我使用制表符缩进,光标会跳转到提交按钮。
我找到了一些将 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>
最佳答案
通过这个Fiddle
你会得到你想要的。
HTML:
<textarea placeholder='Enter text Here....'>
</textarea>
样式:
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;
}
});
关于javascript - 禁用 HTML 表单中的选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45994804/