jQuery - 一次绑定一个事件

Question

当从一个不同的元素触发另一个事件时，我在将一个事件绑定到一个元素时遇到了很多麻烦。 我的HTML是一个文本框，当添加一些文本时，它会创建一个含有暗示的上下文菜单。由于这个菜单是一个动态创建的表，我想将一个click事件绑定到它的元素。所以，这是我的代码：

$("#TextBox").on("keypress", function(e) { 
    $("#Menu").find("td").on("click", function(event) {  
     event.stopPropagation(); 
     event.preventDefault(); 
     processText(event, $(this).children().text()); 
    }); 
    $(this).off(e); 
}); 

但是，我不知道为什么，它不起作用。另外，我已经尝试创建一个变量并将其用作标志，但也不起作用。

如果我只是不解除绑定它，触发点击事件多次，因为用户按下一个键。但是我想解除它，所以它只执行一次。

编辑：错误是我正在处理不正确的事件。我不得不处理“keyup”，因为在“keypress”中表格仍然不存在。

Answer 1

由于您已经在使用on功能。使用备用版本（的事件处理代表团）对绑定的事件处理程序来动态地添加元素：

使用的功能如下：

$("#TextBox").on("keypress", function(e) { 
    $(this).off("keypress"); 
}); 

$("#Menu").on("click", "td", function(event) {  
     event.stopPropagation(); 
     event.preventDefault(); 
     processText(event, $(this).children().text()); 
}); 

检查此链接了解更多信息：http://api.jquery.com/on/#direct-and-delegated-events

Answer 2

如果你真的只想让事件触发一次，你可以绑定$ .one（）。

http://api.jquery.com/one/