在字段旁边设置按钮焦点,以便使用Enter或鼠标单击jQuery

时间:2010-10-24 21:55:09

标签: php javascript jquery

我希望能够按回车键或点击鼠标在输入框中提交信息。

现在,当您使用制表符手动更改焦点或使用鼠标单击时,它将提交信息。它使用的是jQuery live Click方法。 我找到了将焦点设置为按钮的解决方案

Setting focus to a button next to a text box

但我不知道如何实现这一点,所以我可以使用实时点击进行收听并执行其中任一操作。单击鼠标或按Enter键。任何帮助表示赞赏。

示例:可以使用带焦点的输入按钮或鼠标单击来执行此操作。

$('#theinput').keypress(function(event) { 
  if (event.keyCode == '13') { 
    $('#mybutton').click(); 
    event.preventDefault(); 
  } 
}); 

问题是我不知道如何将该示例转换为也使用类似

的内容
$('a.button').live('click',function(){
//do stuff here
)};

2 个答案:

答案 0 :(得分:0)

我会使用命名函数来执行此操作:

$(document).ready(function(){
    var submitter = function() {
       // do something
    };

    $('#theinput').keypress(function(event) {
        if (event.keyCode == '13') {
            event.preventDefault(); 
            submitter();
        } 
    });

    $('a.button').live('click', submitter);
});

这对两个事件使用相同的函数,而不会触发另一个不必要的事件,这会导致性能问题。

答案 1 :(得分:0)

我想如果你改变这个:

$('a.button').live(click,function(){

到此:

$('a.button').live("click",function(){

它应该有用