按键事件

仅在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

基础用法

• 代码示例：
  点击查看源码

  TypeScript

  <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>