Method keyHandler

ui/media/js/image-editor.js:701–754

(event)

        return this.layers.drawing.canvas
    }
    keyHandler(event) {
        // handles keybinds like ctrl+z, ctrl+y
        if (!this.popup.classList.contains("active")) {
            document.removeEventListener("keydown", this.keyHandlerBound)
            document.removeEventListener("keyup", this.keyHandlerBound)
            return // this catches if something else closes the window but doesnt properly unbind the key handler
        }

        // keybindings
        if (event.type == "keydown") {
            if ((event.key == "z" || event.key == "Z") && event.ctrlKey) {
                if (!event.shiftKey) {
                    this.history.undo()
                } else {
                    this.history.redo()
                }
                event.stopPropagation()
                event.preventDefault()
            }
            else if (event.key == "y" && event.ctrlKey) {
                this.history.redo()
                event.stopPropagation()
                event.preventDefault()
            }
            else if (event.key === "Escape") {
                this.hide()
                event.stopPropagation()
                event.preventDefault()
            } else {
                let toolIndex = IMAGE_EDITOR_TOOLS.findIndex(t => t.hotkey == event.key)
                if (toolIndex != -1) {
                    this.selectOption("tool", toolIndex)
                    event.stopPropagation()
                    event.preventDefault()
                }
            }
        }

        // dropper ctrl holding handler stuff
        var dropper_active = this.temp_previous_tool != null
        if (dropper_active && !event.ctrlKey) {
            this.selectOption(
                "tool",
                IMAGE_EDITOR_TOOLS.findIndex((t) => t.id == this.temp_previous_tool)
            )
            this.temp_previous_tool = null
        } else if (!dropper_active && event.ctrlKey) {
            this.temp_previous_tool = this.getOptionValue("tool")
            this.selectOption(
                "tool",
                IMAGE_EDITOR_TOOLS.findIndex((t) => t.id == "colorpicker")
            )
        }
    }
    mouseHandler(event) {
        var bbox = this.layers.overlay.canvas.getBoundingClientRect()
        var x = (event.clientX || 0) - bbox.left