javascript - 按 esc 键或随机单击鼠标时 Jcrop 失去焦点

标签 javascript jquery jcrop

我正在使用 Jcrop 来裁剪我的图像。我的问题是,当我按 Esc 键或随机单击图像上的任意位置时,jcrop 就会失去焦点。我想阻止用户做同样的事情。我的代码如下

           $('#cropbox').Jcrop({
                        aspectRatio: 1,
                        addClass:'jcrop-holder1',
                        setSelect: [ 100, 100, 825, 446 ],
                        minSize: [100,100],
                        onSelect: updateCoords,
                        onChange: updateCoords,
           });  

最佳答案

function parseKey(e) //{{{
{
    if (e.ctrlKey || e.metaKey) {
        return true;
    }
    shift_down = e.shiftKey ? true : false;
    var nudge = shift_down ? 10 : 1;

    switch (e.keyCode) {
        case 37:
            doNudge(e, -nudge, 0);
            break;
        case 39:
            doNudge(e, nudge, 0);
            break;
        case 38:
            doNudge(e, 0, -nudge);
            break;
        case 40:
            doNudge(e, 0, nudge);
            break;
            /*
        case 27:
            if (options.allowSelect) Selection.release();
            break;*/
        case 9:
            return true;
    }

    return false;
}

只需在此 parseKey 函数(jquery.jcrop.js)中命令 case 27。

关于javascript - 按 esc 键或随机单击鼠标时 Jcrop 失去焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28471791/

相关文章:

javascript - 在弹出窗口裁剪浏览的图像

javascript - 如何使用 javascript 创建单个对象并将它们列在数组中?

javascript - Codepen jquery 代码工作正常但是当我将它移到我的 wordpress 网站时它不再工作

jquery - Jcrop 中的一个错误,minSize+aspectRatio

xml - 在 IE6 中使用 jQuery 解析 XML 时出现问题

javascript - 拒绝执行 'url' 中的脚本,因为其 MIME 类型 ('application/json' )不可执行

javascript - JCrop 和 Ajax 图像上传和裁剪(laravel 5、Jquery)

javascript - 如何改变javascript中全局变量的值?

javascript - 如何使用 HTML 和 JS 过滤和更改样式?

javascript - JQuery:onchange 事件