如何在jquery中获取按钮的这个上下文?

时间:2016-03-13 06:10:19

标签: javascript jquery html5 jsp jstl

我想为特定操作创建一个函数,以便在我的Web表单中提交按钮。我有这个功能:

$(".buttonsClass").on('click', function () { submitButton( this ); }

function submitButton( button )
{
        $(button).closest('form').find('#action').val( button.id );
        $(button).closest('form').submit();
}

但是,当用户使用与文本按钮相关的文本输入进行搜索时,我需要提交表单,单击按钮"搜索"当用户按Enter键时,如何将按钮作为this传递而不是按钮?看代码:

$('.textToSearch').on('keypress', function() {
   if (enter) 
      submitButton( $('form .buttonToSubmit') );
});

正如您所看到的,submitButton函数中的按钮参数不会像this上下文一样,因为它将索引这样的内容:

$($('form.buttonToSubmit'))

2 个答案:

答案 0 :(得分:0)

您可以触发按钮点击输入命中。如下图所示:

 $(".buttonsClass").trigger('click');

这将按下按键确认执行相同的按钮。

谢谢,

答案 1 :(得分:0)

尝试检测通过事件按下的thr ke并触发提交,如下所示:

$('.textToSearch').on('keypress', function(e) {   
   var keycode = (event.keyCode ? event.keyCode : event.which);
   if(keycode == 13) {
       $('#formId').trigger('submit');
   }
});