将文本框的值作为参数传递给javascript函数而不提交按钮

时间:2013-01-20 19:18:49

标签: javascript javascript-events jtextfield keycode

我正在写作,因为我在没有提交按钮的情况下传递文本框的值有问题,但是从键盘管理事件。 我的目标是在单击Enter键时启动该功能。我写了这段代码,但是现在它不起作用了:

 <form method="GET">
<input type="textfield"  id="testo_libero" onkeydown="javascript: if (event.Keycode==13) desc_ricerca(this.value);">
  </form>

在javascript文件中:

function desc_ricerca(valore){
     console.log("valore"+valore);
 }

任何人都可以帮助我吗? 我试过了,但没有......

   function desc_ricerca(valore){    
     var cat = $("#testo_libero").val();
     console.log(cat);
   }

1 个答案:

答案 0 :(得分:1)

好像你正在使用jQuery。如果是这样,您应该考虑使用unobtrusive JavaScript。 (即使没有jQuery,你也可以编写不引人注目的JavaScript,但jQuery使所以更容易)。

例如,您的代码可以按如下方式重写:

<强> HTML:

<form method="GET">
    <input type="textfield"  id="testo_libero">
</form>

<强> jQuery的:

$('#testo_libero').on('keydown', function (e) {
    if (e.keyCode != 13) return;
    console.log('valore ' + this.value);
    return false;
});

这是小提琴:http://jsfiddle.net/wS5Db/