尽管有tab键,但仍然专注于html表单

时间:2009-10-20 14:46:35

标签: html webforms

我正在尝试用HTML创建一个webform,如果需要javascript。在这个webform中,应该能够输入源代码,所以为了能够轻松地做到这一点,我希望能够输入标签。 有没有办法实现这个目标?

由于

3 个答案:

答案 0 :(得分:2)

您可以捕获onKeyDown事件。如果键码等于tab键,则用3个空格或类似的东西替换选项卡。

<强>更新 我在firefox 3中对此进行了测试。允许您键入选项卡而不会失去焦点。请注意b / c此代码只会在文本框的末尾附加制表符。因此,如果用户在文本中间键入选项卡,则选项卡仍将显示在末尾。

<html>
<head>
<script>
    function kH(e) 
    {
        //capture key events
        var pK = document.all? window.event.keyCode:e.which;

        //if target is textbox and key is tab
        if(e.target.type=='text' && pK==0)
        {
            //append tab to end of target value
            e.target.value = e.target.value + "\t";

            //Cancel key event
            return false;
        }

    }

   document.onkeypress = kH;
   if (document.layers) document.captureEvents(Event.KEYPRESS);

</script>
</head>
<form>
    <input type='text' id='txtTest' name='txtTest'></input>
</form>
</html>

答案 1 :(得分:0)

没有一个好方法......这就是为什么stackoverflow会让你做4个空格并使用一个特殊的库来解释4空间缩进的东西作为代码。我想如果你真的想使用制表符,你可以做一个onBlur事件处理程序,它只是将焦点重新放回窗口,而onKeyDown事件处理程序在按下TAB键时插入4个空格。

答案 2 :(得分:0)

您可以在工具栏上找到“缩进”按钮。按下时,如果未选择任何内容,则插入选项卡,或缩进选择。