Question

我有一个搜索框和搜索按钮。我想调用一个javascript方法，以防有人在搜索框中键入并点击进入或点击搜索按钮。

到目前为止，通过按键事件，它工作正常：

 function Search(e) {                                   
   if(e.keyCode==13) {                  
        //DO operation
   }
  }

如果我想在搜索按钮的onclick事件上调用相同的功能，我该如何使用上面显示的相同方法。这里唯一的目的不是通过编写两个不同的方法来复制相同的代码，这两个方法最终会做同样的事情。

Answer 1

为两个事件（onclick和onkeypress）添加侦听器并使用事件type：

 function Search(e) {  
    if( e.type == 'click' || 
        (e.type=='keypress' && e.keyCode==13) ){
        //DO operation
    }       
 }

Answer 2

Demo此处。

function Search(e) {                                   
   var doOper = function() {
        //DO operation
   }
   if(e.keyCode==13) {                  
      doOper();
   }
   if(buttonClicked) {
      doOper();
   }
}

在onclick和onkeypress事件上调用javascript方法

2 个答案: