jQuery函数在两个事件中

Question

我有这段代码：

$('#email').keyup(function() {
            if(true || false)) {

            } else {

            }
        });

我还需要在模糊事件中包含此功能。

我试过创建一个jquery函数，但我不能。有人给我一个亮点。

Answer 1

你可以这样做 -

$('#email').on('keyup blur',function() {

• http://api.jquery.com/on/

Answer 2

使用on方法附加多个事件，这些事件在传递给函数的第一个参数中指定。

$('#email').on('keyup blur', function() {
    if(true || false) {  //there was an extra ) here

    } else {

    }
});

工作示例 http://jsfiddle.net/nv39M/

有一点需要注意，keyup事件将在blur事件触发之前触发。

Answer 3

有（至少）两种方法可以实现这一目标。

1. 指定多个空格分隔的事件作为第一个参数：

   $('#email').on('keyup blur',function() {
       // your logic
   });
   

2. 使用命名函数：

   function yourFunction() {
       // your logic
   }
   
   $('#email').on('keyup', yourFunction);
   $('#email').on('blur', yourFunction);
   

选项1可能是最佳选择，假设您不想在其他任何地方使用该函数，并且您希望同时绑定事件处理程序。但是，如果您希望稍后绑定blur事件（可能是为了响应另一个事件），或者是另一个元素，那么命名函数方法将是最佳选择。

Answer 4

制作单独的功能如下

function funcName(){
//Your code
}

现在，在

上使用jQuery

 $("#email").on("keyup",funcName);
 $("#email").on("blur",funcName);

供参考，请检查

http://api.jquery.com/on/