在文本框中捕获TAB键[关闭]
[英]Capturing TAB key in text box [closed]
问题描述
我希望能够在文本框中使用Tab键来标记四个空格。 现在的方式，Tab键将我的光标跳转到下一个输入。
是否有一些JavaScript会在文本框中冒出Tab键之前捕获Tab键？
我知道有些浏览器（即FireFox）可能不允许这样做。 像Shift + Tab或Ctrl + Q这样的自定义键组合怎么样？
6 个解决方案
解决方案1
101 已采纳 2008-08-16 13:55:26
即使您捕获了keydown / keyup事件，这些是Tab键触发的唯一事件，您仍然需要某种方法来防止默认操作（移动到Tab键顺序中的下一个项目）发生。
在Firefox中，您可以对传递给事件处理程序的事件对象调用preventDefault()方法。 在IE中，您必须从事件句柄返回false。 JQuery库为其在IE和FF中工作的事件对象提供了preventDefault方法。
<body>
<input type="text" id="myInput">
<script type="text/javascript">
var myInput = document.getElementById("myInput");
if(myInput.addEventListener ) {
myInput.addEventListener('keydown',this.keyHandler,false);
} else if(myInput.attachEvent ) {
myInput.attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
}
function keyHandler(e) {
var TABKEY = 9;
if(e.keyCode == TABKEY) {
this.value += " ";
if(e.preventDefault) {
e.preventDefault();
}
return false;
}
}
</script>
</body>
解决方案2
18 2008-08-06 13:36:04
我更倾向于缩进缩进而不是打破表单项之间的标签。
如果要缩进以在Markdown框中输入代码，请使用Ctrl + K （或Mac上的⌘K）。
在实际停止操作方面，当您从事件回调返回false时，jQuery（Stack Overflow使用）将阻止事件冒泡。 这使得使用多个浏览器的生活更轻松。
解决方案3
12 2008-08-06 13:35:44
之前的答案很好，但我是那些坚决反对将行为与演示混合在一起的人之一（将JavaScript放在我的HTML中）所以我更喜欢把我的事件处理逻辑放在我的JavaScript文件中。 此外，并非所有浏览器都以相同的方式实现事件（或e）。 您可能希望在运行任何逻辑之前进行检查：
document.onkeydown = TabExample;
function TabExample(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var tabKey = 9;
if(evt.keyCode == tabKey) {
// do work
}
}
解决方案4
6 2008-08-06 13:36:33
我建议不要更改密钥的默认行为。 我尽可能不触摸鼠标，所以如果你让我的tab键没有移动到表格上的下一个字段，我会非常加重。
但是，快捷键可能很有用，尤其是对于大型代码块和嵌套。 Shift-TAB是一个糟糕的选择，因为它通常会将我带到表单上的前一个字段。 也许WMD编辑器上的一个新按钮可以插入带有快捷键的代码-TAB？
解决方案5
4 2010-09-09 06:14:55
ScottKoon给出的最佳答案存在问题
就这个
} else if(el.attachEvent ) {
myInput.attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
}
应该
} else if(myInput.attachEvent ) {
myInput.attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
}
因此，它在IE中不起作用。 希望ScottKoon能够更新代码
解决方案6
3 2010-02-17 10:55:00
在Mac上的Chrome中，alt-tab会在<textarea>字段中插入制表符。
这是一个：。 凌晨！
在 Gmail 和其他阻止捕获的网站中捕获 TAB 键
[英]Capturing the TAB key in Gmail and other sites that blocks the capture
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.