Skip to content

Commit a24c33e

Browse files
committed
Add support for keyboard events (cheton/infinite-tree#6)
1 parent 8733e1a commit a24c33e

File tree

3 files changed

+13
-4
lines changed

3 files changed

+13
-4
lines changed

README.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Demo: http://cheton.github.io/react-infinite-tree
1616
* A rich set of [APIs](https://github.com/cheton/infinite-tree#api-documentation)
1717

1818
## Browser Support
19-
![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png)<br>Chrome | ![Edge](https://raw.github.com/alrra/browser-logos/master/edge/edge_48x48.png)<br>Edge | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png)<br>Firefox | ![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png)<br>IE | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png)<br>Opera | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)<br>Safari
19+
![Chrome](https://github.com/alrra/browser-logos/raw/master/src/chrome/chrome_48x48.png)<br>Chrome | ![Edge](https://github.com/alrra/browser-logos/raw/master/src/edge/edge_48x48.png)<br>Edge | ![Firefox](https://github.com/alrra/browser-logos/raw/master/src/firefox/firefox_48x48.png)<br>Firefox | ![IE](https://github.com/alrra/browser-logos/raw/master/src/internet-explorer/internet-explorer_48x48.png)<br>IE | ![Opera](https://github.com/alrra/browser-logos/raw/master/src/opera/opera_48x48.png)<br>Opera | ![Safari](https://github.com/alrra/browser-logos/raw/master/src/safari/safari_48x48.png)<br>Safari
2020
--- | --- | --- | --- | --- | --- |
2121
Yes | Yes | Yes| 9+ | Yes | Yes |
2222

@@ -122,11 +122,18 @@ class App extends React.Component {
122122
return true;
123123
}}
124124
onClick={(event) => {
125+
// click event
125126
const target = event.target || event.srcElement; // IE8
126127
console.log('click:', target);
127128
}}
128129
onDoubleClick={(event) => {
129-
console.log('double click:', target);
130+
// dblclick event
131+
}}
132+
onKeyDown={(event) => {
133+
// keydown event
134+
}}
135+
onKeyUp={(event) => {
136+
// keyup event
130137
}}
131138
onOpenNode={(node) => {
132139
console.log('open node:', node);

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-infinite-tree",
3-
"version": "0.5.2",
3+
"version": "0.6.0",
44
"description": "The infinite-tree library for React.",
55
"main": "lib/index.js",
66
"scripts": {
@@ -42,7 +42,7 @@
4242
"peerDependencies": {
4343
"react": "^0.14.0 || ^15.0.0-0",
4444
"react-dom": "^0.14.0 || ^15.0.0-0",
45-
"infinite-tree": ">=1.7.0"
45+
"infinite-tree": ">=1.8.0"
4646
},
4747
"dependencies": {},
4848
"devDependencies": {

src/index.jsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ module.exports = class extends React.Component {
1515
eventHandlers = {
1616
onClick: null,
1717
onDoubleClick: null,
18+
onKeyDown: null,
19+
onKeyUp: null,
1820
onClusterWillChange: null,
1921
onClusterDidChange: null,
2022
onContentWillUpdate: null,

0 commit comments

Comments
 (0)