使用敲回車

我使用圖片代替提交表單PHP中的提交按鈕的搜索選項和使用的onclick事件加載使用AJAX在php.Now我需要加載的命中結果輸入結果also.Is他們的任何方法來更新我的應用程序而不更改圖像。使用敲回車

感謝

來源

2010-06-18 abhis

你所說的「更新而不改變圖像應用程序」呢？無論是否有提交按鈕，如果您按下回車鍵，表單會不會自動提交？ – 2010-06-18 07:47:11

您是否可以不使用圖像設計輸入按鈕，因此它仍保持相同的鍵盤事件？ – 2010-06-18 07:47:32

@pekka我認爲你需要一個輸入/返回鍵事件的提交按鈕。 – 2010-06-18 07:48:23

當然，加<input type="submit" style="display:none;" />到窗體結束，應該欺騙瀏覽器到允許Enter鍵提交表單。

至於獲得相同的功能的AJAX onclick事件：你應該捆綁你的Ajax功能的<form>的submit事件而不是<input>的click事件。

jsfiddle demonstration（用jQuery進行AJAX的易用性，但您的事件不必）

來源

2010-06-18 07:56:00 gnarf

我不知道你正在使用的JavaScript庫，但我會在我的例子使用jQuery。

<script> 
$(document).ready(function() { 
    $("form#interesting").bind("submit",function() { 
    $.get("target_page.php".function() { 
     // Callback functionality goes here. 
    }); 
    }); 
}); 
</script> 
<form id="interesting"> 
Enter your input: <input type="text" name="interesting_input" /> 
<!-- input type="image" is a way of using an image as a submit button --> 
<input type="image" src="submit_button_image.gif" /> 
</form>

來源

2010-06-18 07:51:14

謝謝you.This是一個好主意了我試試 – abhis 2010-06-18 07:56:27

嗯，有幾件事情我可以考慮一下。

fitst一個 - 有人提到你可以風格提交按鈕的圖像。好主意，這很容易。本教程前段時間發佈爲答案http://www.ampsoft.net/webdesign-l/image-button.html。

的另一個問題是，你綁定你提交事件的onclick，但自然提交表單的onsubmit。因此，如果您在表單輸入中輸入表單，則會收到提交事件。你必須綁定你的JS。

它的工作原理genrally在回答@phleet當你使用jQuery的，當你不使用任何庫，你可以這樣做

<form onsubmit="YOUR_JS_HERE">.....</form>

像的onclick。不過，我也推薦使用jQuery。

來源

2010-06-18 07:56:19

回答

相關問題