Handle backspace
This commit is contained in:
parent
9dc19dde1d
commit
3769c4af00
17
src/index.js
17
src/index.js
@ -117,6 +117,23 @@ function setSelection(selection) {
|
|||||||
function App() {
|
function App() {
|
||||||
const [draggingElement, setDraggingElement] = React.useState(null);
|
const [draggingElement, setDraggingElement] = React.useState(null);
|
||||||
const [elementType, setElementType] = React.useState("selection");
|
const [elementType, setElementType] = React.useState("selection");
|
||||||
|
const onKeyDown = React.useCallback(event => {
|
||||||
|
if (event.key === "Backspace") {
|
||||||
|
for (var i = elements.length - 1; i >= 0; --i) {
|
||||||
|
if (elements[i].isSelected) {
|
||||||
|
elements.splice(i, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
drawScene();
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
React.useEffect(() => {
|
||||||
|
document.addEventListener("keydown", onKeyDown, false);
|
||||||
|
return () => {
|
||||||
|
document.removeEventListener("keydown", onKeyDown, false);
|
||||||
|
};
|
||||||
|
}, [onKeyDown]);
|
||||||
|
|
||||||
function ElementOption({ type, children }) {
|
function ElementOption({ type, children }) {
|
||||||
return (
|
return (
|
||||||
<label>
|
<label>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user