Fox3.0前端框架-全键盘控制

标签（空格分隔）： Fox

---

光标跳转规则

文本框（text）

前进：

• 回车
• 右/下方向键（光标在text的最后位置）

后退：

• Shift+回车
• 左/上方向键（光标在text的开始位置）

金额框（money）

前进：

• 回车
• 右/下方向键（光标在text的最后位置）

后退：

• Shift+回车
• 左/上方向键（光标在text的开始位置）

多行文本框（textarea）

前进：

• Ctrl+回车
• 右/下方向键（光标在text的最后位置）

后退：

• Shift+Ctrl+回车
• 左/上方向键（光标在text的开始位置）

建议输入框（autocomplete）

前进

• 回车
• 右方向键（光标在text的最后位置）

后退

• Shift+回车
• 左方向键（光标在text的开始位置）

选择框（select）

前进

• 回车（打开popup选中内容后）
• 右方向键

后退

• Shift+回车 （打开popup选中内容后）
• 左方向键

日期框（date/datetime）

前进

• 回车（打开popup选中内容后）

后退

• Shift+回车 （打开popup选中内容后）

按钮（button）

前进

• 右/下方向键

后退

• 左/上方向键

光标设置

忽略光标跳转设置

设置组件的属性attainable，可以在键盘操作的下，不捕捉光标

 <fox-text-item placeholder="请输入内容" attainable="false">忽略光标跳转</fox-text-item>

设置光标到第一个组件

可以通过方法：foxUI.cursorNavigation.focusFirst，让页面的时候，把光标自定定位到第一个控件内

API

foxUI.cursorNavigation.focusFirst(vm) 参数说明：

参数	类型	required	说明
vm	Vue Mode	true	页面对应的vue对象

例子：

import { foxUI } from '@/assets/libs/fox-libs'

setTimeout(() => {
    foxUI.cursorNavigation.focusFirst(this)
}, 0)