Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript和两个箭头图标在文本字段之间导航_Javascript - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 使用javascript和两个箭头图标在文本字段之间导航

使用javascript和两个箭头图标在文本字段之间导航

javascript

使用javascript和两个箭头图标在文本字段之间导航,javascript,Javascript,我正在寻找2个箭头（向上和向下按钮）。两者都是.gif。问题是： 我有4个文本字段的表单。如何使我在单击Down button.gif时导航到下一个文本字段，如果再次按下，则导航到另一个字段，如果按下Up button.gif，则导航到上一个字段，就像使用键盘一样，使用箭头，而不是使用上下两幅图像 javascript函数如何实现此功能？如果将属性tabindex添加到不同的输入字段，则可以使用document.querySelector（'input[tabindex=“1”]”）访问这些字段

我正在寻找2个箭头（向上和向下按钮）。两者都是.gif。问题是：

我有4个文本字段的表单。如何使我在单击Down button.gif时导航到下一个文本字段，如果再次按下，则导航到另一个字段，如果按下Up button.gif，则导航到上一个字段，就像使用键盘一样，使用箭头，而不是使用上下两幅图像

javascript函数如何实现此功能？

如果将属性
tabindex
添加到不同的输入字段，则可以使用
document.querySelector（'input[tabindex=“1”]”）访问这些字段。
（将1替换为当前字段tabindex）并对其调用
.focus（）

基本示例：

如果将属性
tabindex
添加到不同的输入字段，则可以使用
document.querySelector（'input[tabindex=“1”]”）访问这些字段（
）（将1替换为当前字段tabindex）并对其调用
.focus（）

基本示例：

您是否试图将光标移动到
文本区域内
，或者您正在尝试在
表单
中选择下一个
输入
并赋予其焦点？我已经有了这个方案：客户端可以单击文本输入，然后它聚焦并写入内容，然后选择另一个文本输入焦点，然后写入另一个内容您正在尝试将光标移动到
文本区域
中，或者您正在尝试在
表单中选择下一个
输入
并赋予其焦点？我已经有了这个方案：客户端可以单击文本输入，然后单击它的焦点并编写一些内容，然后选择另一个文本输入焦点，然后编写另一个内容