如何使这两个事件的代码简短

Question

我有以下代码。如何缩短它以便点击并输入，所以我不必复制它。

$(document).ready(function(){

    $(document).keypress(function(e) {
     if(e.which == 13) {
       $('form#myform').submit();
     }
   });

   $('#mybutton').click(function() {
     $('form#myform').submit();
   });  

});​

Answer 1

这将是一个较短的，它利用事件冒泡：

$(document).ready(function(){
   $(this).on('keypress click', function(e) {
       if(e.which == 13 || e.target.id==='mybutton')
           $('form#myform').submit();
   });  
});​

这是它的工作原理：http://jsfiddle.net/e6L3W/

Answer 2

试试这个：

（尽管在文档准备就绪上使用$(this)并不清楚，或者可能是一个错字，它应该是一个输入框。）

希望这有助于推动事业，并阅读以下链接：:)

Submitting a form on 'Enter' with jQuery?

<强>码

$(document).ready(function(){

   $('#search').keypress(function(event) { //<<== #search is input box id
     if ( event.which == 13 ) {
        $('#mybutton').trigger('click');
     }
   })

   $('#mybutton').click(function() {
     $('form#myform').submit();
   });  

});​

或

      var myFunction = function() {
        $('form#myform').submit();
      }

     $('#search').keypress(function(event) { //<<== #search is input box id
         if ( event.which == 13 ) {
            myFunction;
         }
       })

       $('#mybutton').click(myFunction);  

或

您可以尝试这样链接：

这会将#element绑定到事件，但您可能希望将2个单独的元素绑定到2个单独的事件但结果相同。

$('#element').bind('keypress click', function(e) {
    ...
});

Answer 3

$(document).ready(function(){
   $(this).bind('keypress click', function(e) {
       if(e.type == 'click') {
           if(e.target.id == 'mybutton') {
             $('form#myform').submit();
           }
       } else if(e.type == 'keypress') {
           if(e.which == 13) {
             $('form#myform').submit();
           }
       }
   });
});​