# delay-keypress

> javascript key event util

Latest version **0.0.4** (published 2018-06-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install delay-keypress
pnpm add delay-keypress
yarn add delay-keypress
bun add delay-keypress
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2018-06-26 |
| First published | 2018-06-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | sujkh85 |
| Maintainers | sujkh85 |
| Keywords | javascript, util |

## Links

- npm: https://www.npmjs.com/package/delay-keypress
- Repository: https://github.com/sujkh85/delay-keypress
- Homepage: https://github.com/sujkh85/delay-keypress#readme
- Issues: https://github.com/sujkh85/delay-keypress/issues
- npm.io page: https://npm.io/package/delay-keypress

## Alternatives

- [lodash.assign](https://npm.io/package/lodash.assign.md) — 2.3M weekly downloads
- [lodash.chunk](https://npm.io/package/lodash.chunk.md) — 1.8M weekly downloads
- [react-native-ios-utilities](https://npm.io/package/react-native-ios-utilities.md) — 138.5K weekly downloads
- [@technically/lodash](https://npm.io/package/@technically/lodash.md) — 50.9K weekly downloads
- [@fluid-topics/ft-icon](https://npm.io/package/@fluid-topics/ft-icon.md) — 20.6K weekly downloads

## Recent versions

- 0.0.4 (latest) — 2018-06-26
- 0.0.3 — 2018-06-26
- 0.0.2 — 2018-06-26
- 0.0.1 — 2018-06-26

## README

# delay-keypress

## Engish

---

### Javascript key event util

### It was created because of the project that required performance.

### react example

```
  import React from 'react';
  import DelayKeypress from 'delay-keypress';

  class Example extends React.Component{
    //If the key is re-entered within 0.5 seconds, it will not be executed.
    //It runs if there is no input for 0.5 seconds.
    onChange =(value)=>{
      //delay 0.5s
      console.log(value)
    }
    render(){
      return(
        <input type="text" onChange={DelayKeypress(this.onChange, 500)}>
      )
    }
  }
```

## 한국어

---

### 자바스크립트 키 이벤트 유틸

### 성능을 고려해야되는 프로젝트, 클라이언트에서 검색 관련된 기능 구현때문에 만들게 되었습니다.

### react example

```
  import React from 'react';
  import DelayKeypress from 'delay-keypress';

  class Example extends React.Component{
    //If the key is re-entered within 0.5 seconds, it will not be executed.
    //It runs if there is no input for 0.5 seconds.
    onChange =(value)=>{
      //delay 0.5s
      console.log(value)
    }
    render(){
      return(
        <input type="text" onChange={DelayKeypress(this.onChange, 500)}>
      )
    }
  }
```

---
_Source: https://npm.io/package/delay-keypress · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._