Sei*_*bar 97 javascript user-interface
我希望能够Tab在文本框中使用键来标记四个空格.现在的方式,Tab键将我的光标跳转到下一个输入.
是否有一些JavaScript会在文本框中冒出Tab键之前捕获Tab键？
我知道有些浏览器(即FireFox)可能不允许这样做.如Shift+ Tab或Ctrl+ 等自定义键组合怎么样Q？
Sco*_*oon 105
即使您捕获keydown/ keyup事件,这些是Tab键触发的唯一事件,您仍然需要某种方法来防止默认操作(移动到Tab键顺序中的下一个项目)发生.
在Firefox中,您可以preventDefault()在传递给事件处理程序的事件对象上调用该方法.在IE中,您必须从事件句柄返回false.JQuery库preventDefault在其事件对象上提供了一个在IE和FF中工作的方法.
<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>
Lau*_*ren 18
我更倾向于缩进缩进而不是打破表单项之间的标签.
如果要缩进以在Markdown框中输入代码,请使用Ctrl+ K(或Mac上的⌘K).
在实际停止操作方面,当您从事件回调返回false时,jQuery(Stack Overflow使用)将阻止事件冒泡.这使得使用多个浏览器的生活更轻松.
Tom*_*Tom 12
之前的答案很好,但我是那些坚决反对将行为与演示混合在一起的人之一(将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
}
}
我建议不要更改密钥的默认行为.我尽可能不触摸鼠标,所以如果你让我的tab键没有移动到表格上的下一个字段,我会非常加重.
但是,快捷键可能很有用,尤其是对于大型代码块和嵌套.Shift-TAB是一个糟糕的选择,因为它通常会将我带到表单上的前一个字段.也许WMD编辑器上的一个新按钮可以插入带有快捷键的代码-TAB？