kui-vue/components/input/demo/event.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 事件
本示例测试组件事件是否正常触发
</cn>

```vue
<template>
  <Space vertical block>
    <Input
      placeholder="请输入内容..."
      clearable
      @change="events.change"
      @keypress="events.keypress"
      @keyup="events.keyup"
      @keydown="events.keydown"
      @keydown.enter="events.keydownEnter"
      @blur="events.blur"
      @focus="events.focus"
    >
    </Input>
    <TextArea
      placeholder="请输入内容..."
      @change="events.change"
      @keypress="events.keypress"
      @keyup="events.keyup"
      @keydown="events.keydown"
      @keydown.enter="events.keydownEnter"
      @blur="events.blur"
      @focus="events.focus"
    />
  </Space>
</template>
<script setup>
import { message } from "kui-vue";
const events = {};
[
  "focus",
  "blur",
  "change",
  "keypress",
  "keyup",
  "keydown",
  ,
  "keydownEnter",
].forEach((type) => {
  events[type] = function (e) {
    message.info(type);
    console.log(type, e.target.value);
  };
});
</script>
```