Chevereto 更改图像预览快捷键

在查看图像预览的时候，关闭图片的快捷键是 “X” ，而我们想使用 “Esc” 键代替它，

作者 Rodolfo 给出的方案是：

• 在文件 https://github.com/Chevereto/Chevereto-Free/blob/master/app/lib/chevereto.js#L2709 修改它的键代码，
  （最新版本还需修改一处）https://github.com/Chevereto/Chevereto-Free/blob/master/app/lib/chevereto.js#L2596
• 查看下表可知：“Esc” => "27"

• 可在第 #L2709 88: 'close' 修改为 27: 'close'

//原代码
    keys: {
        83: 'select',
        76: 'like',
        70: 'flag',
        69: 'edit',
        65: 'move',
        46: 'delete',
        88: 'close', //<--- 此处需要修改 （88=>27）
        37: 'prev',
        39: 'next',
    },
        
//修改后
    keys: {
        83: 'select',
        76: 'like',
        70: 'flag',
        69: 'edit',
        65: 'move',
        46: 'delete',
        27: 'close',
        37: 'prev',
        39: 'next',
    },        

• 在第 #L2596 处，将 var direct = [88, 37, 39]; 修改成 var direct = [27, 37, 39];

//原代码
$(document).on("keyup", function (e) {
        if (
            $(PF.obj.modal.selectors.root).exists() ||
            !($(".viewer").exists() && e.which in CHV.fn.listingViewer.keys)
        ) {
            return;
        }
        var direct = [88, 37, 39]; // X <- -> //<--- 此处需要修改 （88=>27）
        var action = CHV.fn.listingViewer.keys[e.which];
        if (direct.indexOf(e.which) == -1) {
            $(
                "[data-action=" + action + "]",
                CHV.fn.listingViewer.selectors.root
            ).click();
        } else {
            if (action in CHV.fn.listingViewer) {
                CHV.fn.listingViewer[action]();
            }
        }
    }

//修改后

$(document).on("keyup", function (e) {
        if (
            $(PF.obj.modal.selectors.root).exists() ||
            !($(".viewer").exists() && e.which in CHV.fn.listingViewer.keys)
        ) {
            return;
        }
        var direct = [27, 37, 39]; // X <- ->
        var action = CHV.fn.listingViewer.keys[e.which];
        if (direct.indexOf(e.which) == -1) {
            $(
                "[data-action=" + action + "]",
                CHV.fn.listingViewer.selectors.root
            ).click();
        } else {
            if (action in CHV.fn.listingViewer) {
                CHV.fn.listingViewer[action]();
            }
        }
    }

对应键代码详细如下表

In every browser there are three possible kinds of client-side events triggered when a keyboard key is pressed or released:

1. keydown event
2. keypress event
3. keyup event

The keydown event occurs when the keyboard key is pressed, and it is followed at once by the execution of keypress event.
The keyup event is generated when the key is released.

Here is a sample program using the keycodes You can view it's source to the the actual coding

来源：http://gcctech.org/csc/javascript/javascript_keycodes.htm