2014-06-17 69 views
0

我一直在尋找一段時間,似乎無法找到答案。我是新來的jQuery和我比較熟悉PHP(雖然我充分認識到該行爲是不可能的PHP,從而尋找在JQuery的答案)沒有文本區域的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> 

對於初學者來說,這是我所爲按鍵。現在只是一個例子,如果'w'鍵被按下然後釋放,它基本上告訴我,它被按下。

我的形式如下:

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

在每種情況下,我發現,似乎你需要有一個文本區域或類似的東西。某種程度上需要文本區域嗎?我正在尋找刪除文本區域,並讓頁面響應我點擊W按鈕的任何地方。

請注意,如果可能的話,我如何得到這個提交給php?

回答

1

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

這樣你趕上全球


關鍵事件在您的旁註...

  • 您在活動標籤提供的網址,這就是腳本這將被執行。
  • 在該(php)腳本中,您可以使用POST []從您發送的輸入中獲取變量。

JS:

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

PHP(路徑/到/運行script.php):

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

雖然你可能想看看Ajax的請求(jQuery中$.post$.get),在很多情況下,那些具有優勢相對於傳統的基於表單的PHP調用..

+0

我編輯我的答案解決你的附註 – myfunkyside

0

下應該這樣做:

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