javascript - jQuery 插件覆盖按键事件

Question

我正在使用 Jquery ImgAreaSelector我网站上的插件。我的网站上有一堆按键触发器，使用 jquery。例如:

$(document).bind('keypress', 'S', function(){
   alert("You have pressed S key");
});

这些工作正常。但是，当我单击初始化 imageAreaSelector 的按钮并且在图像上拖动一个区域时，我的按键事件将不再被捕获。如果我在那之后按“S”，它不会显示警报。有谁知道如何在插件中处理这个问题？

Answer 1

基本上，当您在图像上拖动一个区域时，您正在使用的插件会完全删除 keypress 事件注册表。看这里https://github.com/odyniec/imgareaselect/blob/master/jquery.imgareaselect.dev.js#L375

出于这个原因，您的自定义按键事件处理程序将被删除并且不再工作。解决此问题的方法是更改​​库 :-) 或使用该库的 onSelectEnd 回调:

$('img#photo').imgAreaSelect({
    onSelectEnd: function (img, selection) {
        // When you are done with the selection
        registerKeypressAgain();
    }
});

现在，registerKeypressAgain() 方法就是:

function registerKeypressAgain() {
    $(document).bind('keypress', 'S', function(){
       alert("You have pressed S key");
    });
}