按键事件
仅在Page
中使用生效
数据结构
ESKeyEvent
按键事件
参数 | 描述 | 类型 | 非空 |
---|---|---|---|
action | 按键动作 | ESKeyAction | 是 |
keyCode | 键值 | ESKeyCode | 是 |
keyRepeat | 重复按键的次数 | number | 否 |
ESKeyAction
按键动作
参数 | 描述 | 类型 | 非空 |
---|---|---|---|
ES_KEY_ACTION_DOWN | 按下 | ESKeyAction | 是 |
ES_KEY_ACTION_UP | 抬起 | ESKeyAction | 是 |
ESKeyCode
按键值
参数 | 描述 | 类型 | 非空 |
---|---|---|---|
ES_KEYCODE_ENTER | 回车键 | ESKeyCode | 是 |
ES_KEYCODE_DPAD_CENTER | 导航键 确定键 | ESKeyCode | 是 |
ES_KEYCODE_DPAD_UP | 导航键 向上 | ESKeyCode | 是 |
ES_KEYCODE_DPAD_DOWN | 导航键 向下 | ESKeyCode | 是 |
ES_KEYCODE_DPAD_LEFT | 导航键 向左 | ESKeyCode | 是 |
ES_KEYCODE_DPAD_RIGHT | 导航键 向右 | ESKeyCode | 是 |
ES_KEYCODE_BACK | 返回键 | ESKeyCode | 是 |
ES_KEYCODE_ESCAPE | 回退键 | ESKeyCode | 是 |
ES_KEYCODE_MENU | 菜单键 | ESKeyCode | 是 |
ES_KEYCODE_SEARCH | 搜索键 | ESKeyCode | 是 |
接口
onKeyDown
监听按键按下。
完整方法声明:function onKeyDown(keyEvent: ESKeyEvent): void
- 参数:
参数 | 描述 | 类型 | 非空 |
---|---|---|---|
keyEvent | 按键事件 | ESKeyEvent | 是 |
- 返回值:
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
无 | 无 | void |
onKeyUp
监听按键抬起。
完整方法声明:function onKeyUp(keyEvent: ESKeyEvent): void
- 参数:
参数 | 描述 | 类型 | 非空 |
---|---|---|---|
keyEvent | 按键事件 | ESKeyEvent | 是 |
- 返回值:
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
无 | 无 | void |
基础用法
- 代码示例:
点击查看源码
vue<template> <div class="es-sdk-root-css"> <s-title-view class="es-sdk-content-title-css" :text="this.$options.name" /> <div class="es-sdk-content-divider-css" /> <div class="es-sdk-content-row-css"> <s-text-view text="按键查看效果"></s-text-view> </div> </div> </template> <script lang="ts"> import {defineComponent} from '@vue/runtime-core'; import {ESKeyEvent, useESToast} from '@extscreen/es3-core'; export default defineComponent({ name: '按键', setup() { const toast = useESToast(); function onKeyDown(keyEvent: ESKeyEvent) { toast.showToast('onKeyDown' + JSON.stringify(keyEvent)); } function onKeyUp(keyEvent: ESKeyEvent) { toast.showToast('onKeyUp' + JSON.stringify(keyEvent)); } return { onKeyDown, onKeyUp, }; }, }); </script> <style></style>