https://github.com/utzel-butzel/react-virtual-keyboard

Use jQuery Virtual Keyboard in react.js
https://github.com/utzel-butzel/react-virtual-keyboard

archived deprecated keyboard-emulation kiosk obselete onscreen-keyboard reactjs virtualkeyboard

Last synced: 3 months ago
JSON representation

Use jQuery Virtual Keyboard in react.js

• Host: GitHub
• URL: https://github.com/utzel-butzel/react-virtual-keyboard
• Owner: Utzel-Butzel
• License: mit
• Created: 2016-05-29T20:09:25.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-12-17T16:37:48.000Z (about 3 years ago)
• Last Synced: 2024-10-03T12:22:34.334Z (4 months ago)
• Topics: archived, deprecated, keyboard-emulation, kiosk, obselete, onscreen-keyboard, reactjs, virtualkeyboard
• Language: JavaScript
• Homepage:
• Size: 490 KB
• Stars: 45
• Watchers: 2
• Forks: 17
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DEPRECATED

React Virtual Keyboard

=====================

### Project is outdated!

**Please use https://virtual-keyboard.js.org/react/ instead**

A on-screen keyboard (OSK) Component that works in the browser for reactJS. Useful for Kiosk Touchscreens.

Based on the Virtual Keyboard using jQuery:

https://mottie.github.io/Keyboard/

### Usage

#### Installation

```

npm install react-virtual-keyboard

```

#### Import Keyboard

```javascript

import Keyboard from 'react-virtual-keyboard';

```

#### Use Keyboard Element

```html

 this.keyboard = k}

/>

```

#### Return updated values

```javascript

onInputChanged = (data) => {

  this.setState({ input: data });

}

onInputSubmitted = (data) => {

  console.log("Input submitted:", data);

}

```

#### Listen for button presses

```javascript

this.keyboard.interface.keyaction.enter = (base) => {

  // Enter button pressed

  // Accepting content, as an example:

  return this.keyboard.interface.keyaction.accept(base);

};

```

For more information, check out the API documentation: https://github.com/Mottie/Keyboard/wiki/Options

### Dependencies

* React

* Webpack

* jQuery

* [Mottie Keyboard](https://mottie.github.io/Keyboard/)