没有textarea的JQuery按键

时间:2014-06-17 00:09:20

标签: php jquery keyup

我已经看了一会儿,似乎无法找到答案。我是JQuery的新手,对PHP更熟悉(虽然我完全意识到这种行为在PHP中是不可能的,因此在JQuery中寻找答案)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("#keyboard").keyup(function(e){
    var key = e.keyCode ? e.keyCode : e.which;

    if (key == 87) {

        alert("keyup event occured! The Ascii value of pressed key is: " + event.keyCode);
    }

  });

});

</script>

对于初学者来说,这就是我所拥有的关键按键。现在它只是一个例子,如果&#39; w&#39;键被按下然后释放,它基本上告诉我,它被按下了。

我的表单如下:

<form action="URL">
    <input type="text" id="keyboard" />
</form>

在我发现的每一个例子中,您似乎需要一个文本区域或类似的东西。文本区域是否需要某种程度?我希望删除文本区域,只需让页面响应我在任何地方点击W按钮。

另外,如果有可能,我将如何将其提交给php?

2 个答案:

答案 0 :(得分:1)

使用$(document).keyup(function(e){ ...

这样你就可以全局捕捉关键事件


在你的旁注......

  • 您在action-tag中提供的URL,即将要执行的脚本。
  • 在那个(php)脚本中,您可以使用POST []从您发送的输入中获取变量。

JS:

<form action="path/to/script.php">
    <input type="text" id="keyboard" name="keyboard" />
</form>

PHP(path / to / script.php):

$variable = $_POST['keyboard']; //this uses the name-tags from the inputs in the form

虽然您可能希望在jQuery中查看 Ajax-requests $.post$.get),但在很多情况下,它们优于传统的基于表单的形式php调用..

答案 1 :(得分:0)

以下应该这样做:

$(document).ready(functionn(){
    $(document).on('keyup', function() {
         //your code here including 
         //$('form')[0].submit();
    });
});