当前位置: 首页 > 面试题库 >

捕获文本框中的TAB键

郭乐意
2023-03-14
问题内容

我希望能够使用Tab文本框中的键在四个空格之间切换。现在,Tab键将光标跳到下一个输入。

是否有一些JavaScript可以在气泡进入UI之前捕获文本框中的Tab键?

我了解某些浏览器(即FireFox)可能不允许这样做。像Shift+ TabCtrl+ 这样的自定义按键组合怎么样Q


问题答案:

即使捕获了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>


 类似资料:
  • 本文向大家介绍Python的Django框架中从url中捕捉文本的方法,包括了Python的Django框架中从url中捕捉文本的方法的使用技巧和注意事项,需要的朋友参考一下 每个被捕获的参数将被作为纯Python字符串来发送,而不管正则表达式中的格式。 举个例子,在这行URLConf中: 尽管 \d{4} 将只匹配整数的字符串,但是参数 year 是作为字符串传至 views.year_arch

  • 问题内容: 我需要某种方式来捕获方括号之间的文本。因此,例如,以下字符串: 可用于创建以下数组: 我有以下正则表达式,但它仅捕获第一个实例,因此: 如何获得所需的输出?请注意,方括号从不嵌套,因此不必担心。 问题答案: 匹配所有带括号的字符串: 如果要不带括号的字符串: 不带括号的替代版本,较慢的匹配版本(使用“ *”代替“ [^]”):

  • 问题内容: 使用jQuery获取和呈现输入值的方法有哪些? 这是一个: 问题答案:

  • 问题内容: 我刚刚开始使用React.js,但不确定是否有一种特殊的方法来获取文本框的值,该方法是在这样的组件中返回的: 问题答案: 如文档中所述,您需要使用 受控输入 。要进行输入 控制, 您需要在其上指定两个道具 - 每次更改输入都会将组件设置为输入的函数 -来自组件的输入值(例如) 例: 更具体地说是关于textarea的- 这里

  • 我有以下一组复选框: 使用javascript,我如何访问每个项目的文本。例如,对于id=“mensajes\u receptores\u list\u 5”的元素,我想得到文本“Carlos(Admin)”

  • 问题内容: 我的html中有一个textarea表单。如果用户点击两个句子之间的数据,该数据将被带到我的PHP中。 当前,如果用户输入: 我的PHP代码是: 我懂了 作为输出。我希望输出像这样 我该怎么办? 问题答案: 请尝试: