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

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)on document ready 的使用不清楚，或者可能是拼写错误，它应该是一个输入框。）

希望这有助于事业，并阅读下面的链接：:)

使用 jQuery 在“Enter”上提交表单？

代码

$(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();
           }
       }
   });
});​