jQuery在.load()之后多次调用我的live("keydown")事件

Question

我有以下jQuery事件:

$("#scanItem").live("keydown", function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        alert('hi');
    }
});

scanItem是我页面中的文本框.

我第一次加载页面时,一切正常.按Enter键会正好触发事件一次.但是,我有一个下拉列表,它将执行jQuery加载以重新加载div.

div重新加载后,当我按下文本框上的Enter键时,警报会触发3次.

我已经在这脑子里唠叨了几个小时.任何想法为什么会这样？

Answer 1

$("#scanItem").unbind().on("keydown", function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        alert('hi');
    }
});