如何<a href>使用Enter鍵</a>觸發<a href>？</a>
[英]How can I fire an <a href> with enter key press?
問題描述
因此，我需要修復一個錯誤：每當您按“輸入”鍵時； 表單未提交。 基本上，原因是因為觸發表單提交的元素是href ...我試圖將其提交為提交，但是CSS失敗了，所以我想知道是否有一種方法可以使它使用回車鍵提交？
這是代碼：
<div class="login-form-bg">
<form name="login_form" id="login_form" method="post">
<table>
<tr>
<td>{translate id='Game'}Login:{/translate}</td>
<td><input type="text" name="ss_users_pseudo" /></td>
</tr>
<tr>
<td>{translate id='Game'}Password:{/translate}</td>
<td><input type="password" name="ss_users_password" /></td>
</tr>
<tr height="30px">
<td> </td>
<td>
<fb:login-button perms="email" id="facebook-login-button"></fb:login-button>
</td>
</tr>
<tr>
<td> </td>
<td class="checkbox"><label for="request_password">{translate id='Game'}<a href="forgotPassword.php">Request password</a>{/translate}</label></td>
</tr>
<tr>
<td> </td>
<td class="checkbox">{translate id='Game'}Remember me{/translate} <input type="checkbox" name="ss_users_remenber_me" value="1" /></td>
</tr>
</table>
<a href="#" onclick="document.login_form.submit(); return false;" name="connect" id="connect">
<div class="button-action login-button-div">
<span><span><span>
{translate id='Game'}Login{/translate}
</span></span></span>
</div>
</a>
</form>
5 個解決方案
解決方案1
4 2011-03-15 17:42:48
實際上，我找到了一種解決它的方法...我要做的就是用display：none和visible：false;提交。 而且沒有使輸入正常工作的價值。...我知道這很奇怪，但是我在這里是為了修復錯誤，而不是重新設計代碼:(
解決方案2
1 2011-03-15 17:40:15
正確的方法是使其成為一個提交按鈕並相應地更改CSS（您可以使一個提交按鈕看起來像一個鏈接）。您可以注冊一個javascript事件來更改document.location或使用form.submit（）提交表單
解決方案3
1 已采納 2011-03-15 17:48:18
這是一個jQuery答案。 但是你明白了。
這將檢測到表單中任何輸入中都按下了回車鍵，並將觸發表單的submit()方法
$("#login_form input").keypress(function(e) {
if (e.keyCode == 13) {
$(this).closest("form").submit();
}
});
解決方案4
0 2011-03-15 17:40:06
您是否嘗試過文本框的onkeyup：
if (event.keyCode == 13) { document.getElementById("connect").click(); }
我認為應該可以。 尚未測試。
解決方案5
0 2011-03-15 17:59:50
好吧，我想我有兩種方式
1-當焦點位於href上時您需要
2-當您將重點放在所有文檔上時，您需要
好吧，如果您需要將其放在a href的焦點上
function hrefKeyDown(evt)
{
var ev = ((window.event)?(window.event):(evt));
var ahref = ((window.event)?(window.event.srcElement):(evt.currentTarget));
var charCode = ((window.event)?(window.event.keyCode):(((evt.which)?(evt.which):(evt.keyKode))));
if(charCode==13)
{
ahref.click();
}
}
<a href="#" onclick="document.login_form.submit(); return false;" name="connect" id="connect" onkeydown = "hrefKeyDown(event);return false;">
如果您在文檔上按回車鍵，則單擊a href
function hrefKeyDown(evt)
{
var ev = ((window.event)?(window.event):(evt));
var ahref = document.getElementById('connect');
var charCode = ((window.event)?(window.event.keyCode):(((evt.which)?(evt.which):(evt.keyKode))));
if(charCode==13)
{
ahref.click();
}
}
<body onkeydown="hrefKeyDown(event);return false;">
抱歉，我的第一篇文章iam new在這里我希望我能為您提供幫助:)
當基於具有焦點的文本框按下Enter鍵時，如何觸發Button Click事件？
[英]How can I fire a Button Click event when Enter Key is pressed based on what textbox has focus?
如何通過單擊按鈕觸發功能，該功能已設置為在 AngularJS 中使用“Enter”鍵觸發？
[英]How I can trigger a function with a button click which is already set to be triggered with "Enter" Key press in AngularJS?
執行某個操作后，如何自動觸發輸入鍵按下事件？
[英]How can I automatically trigger an enter key press event after a certain action is executed?
如何讓屏幕閱讀器 NVDA 在 listitem (ARIA) 上按下 ENTER 鍵？
[英]How can I make screen reader NVDA reads ENTER key when press it on listitem (ARIA)?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.