`

通过tab键按指定顺序跳到下一个input

    博客分类:
  • js
 
阅读更多

       按tab键可以逐次获取页面表单的焦点,但是有时候我们需要指定获取焦点顺序,或者某些元素不需要获取焦点,这时候可以使用 tabindex 属性。

例如:

<input type="text" name="t1" tabindex="1" />
<input type="text" name="t2" tabindex="2" />
<input type="text" name="t3" tabindex="-1" />
<input type="text" name="t4" tabindex="3" />

 按tab键遍历以上元素时,将按照 t1-t2-t4的顺序,t3不会获取焦点。

分享到:
评论

相关推荐

    js达到文本框的最大长度时跳到下一个文本框

    `tabIndex`是HTML元素的一个属性,用于定义元素在文档中的顺序,用户可以通过Tab键按照这个顺序移动焦点。 ```html function checkLen(x, y) { if (y.length == x.maxLength) { var next = x.tabIndex; if ...

    Vue中实现回车键切换焦点的方法

    根据元素在页面中的顺序,我们可以用activeEl.nextElementSibling来获取下一个兄弟元素,这通常是下一个输入框。 最后一步是切换焦点,这可以通过调用下一个元素的focus方法来完成。简单来说,就是让下一个元素获得...

    jquery.ya-enter2tab:另一个进入 Tab 的 jQuery 插件

    jquery.ya-enter2tab.js世界上已经有一堆“进入标签”插件,但仍然很难找到一个完全符合我需求的插件。 所以,“Yet Another Enter to Tab”jQuery 插件就在这里。 :P 它提供以下功能: 让用户使用“enter”而不是...

    网页设计 TabIndex元素

    这意味着,当用户按下Tab键试图从`t3`转到`t4`时,由于`t4`的`TabIndex`为负值,浏览器会忽略此元素并跳过,直接将焦点转移到下一个具有正`TabIndex`值的元素,通常是页面上未指定`TabIndex`的其他元素。 在某些...

    C语言程序设计标准教程

    scanf函数 scanf函数称为格式输入函数,即按用户指定的格式从键盘上把数据输入到指定的变量之中。 一、scanf函数的一般形式 scanf函数是一个标准库函数,它的函数原型在头文件“stdio.h”中,与printf函数相同,...

    Access函数汇总.pdf

    110. Tab函数:在打印输出中跳到下一个制表位。 111. Tan函数:返回角度的正切值。 112. Time函数:返回当前系统时间。 113. Timer函数:返回自午夜以来的秒数。 114. TimeSerial函数:返回指定小时、分钟和秒的时间...

    Form元素总结.doc

    这可以通过指定一个窗口名实现,比如`_blank`表示新开一个窗口。 - **autocomplete**: 控制表单是否启用自动完成功能,常用于改善用户体验。 - **novalidate**: 如果存在,则表示提交表单时不进行客户端验证。 ####...

    C语言程序设计实验教案.doc

    C语言程序设计实验教案 本实验教案旨在指导学生掌握C语言程序设计的基础...如果对上次编译后的源代码未做过修改,则直接运行到下一个断点(没有断点则运行到结束)。否则先进行编译、连接后才运行,其热键为Ctrl+F9。

    2021-2022计算机二级等级考试试题及答案No.305.docx

    B项设置`TabStop`属性为`True`意味着控件可以成为Tab顺序的一部分,但并不能完全阻止光标放置;C项设置`TabStop`属性为`False`则会使控件在Tab导航中被跳过,但仍然允许鼠标点击。 ### Word文档编辑 2. **横向滚动...

    2021-2022计算机二级等级考试试题及答案No.11022.docx

    - **continue语句**:在循环体中使用continue语句的作用是跳过当前循环迭代中剩余的部分,直接进入下一次迭代。它并不会结束整个循环的执行。 ### 15. 汉字与英文字符的存储空间比较 - **存储空间比较**:在微型...

    VB常用内部函数

    7. `String$(n, 字符串)`:创建包含n个指定字符的新字符串。 8. `Space$(n)`:返回包含n个空格的字符串。 9. `InStr(字符串1, 字符串2)`:在字符串1中查找字符串2的首次出现位置。 10. `UCase$(字符串)`:将字符串...

    Python基础教程详解(第七课)-if.docx

    在Python中,缩进是代码块的标识,通常使用4个空格来表示一个缩进级别。避免使用制表符(tab)和空格混合缩进,因为这可能导致解析错误。 例如,以下是一个简单的`if`语句实例: ```python thisIsLove = input() ...

    Visual Basic 函数与SQl server函数

    - `String$(n,字符串)`:创建包含n个指定字符的字符串。 - `Space$(n)`:创建包含n个空格的字符串。 - `InStr(字符串1,字符串2)`:在字符串1中查找字符串2的起始位置。 - `Ucase$(字符串)`:将字符串转为大写。 ...

Global site tag (gtag.js) - Google Analytics