ユーザーが慣れているため、従来の「Enterキーを押したときにフォームを送信する」動作を維持したい。しかし、反射によって、テキスト入力ボックスでの入力が完了したときにEnterキーを押すことがよくありますが、実際に完全なフォームを使用する前にです。
Enterキーをハイジャックしたいのは、特定のクラスの入力にフォーカスがある場合のみです。
探している 関連質問 これは私が探しているもののように見えます:
_if (document.addEventListener) {
document.getElementById('strip').addEventListener('keypress',HandleKeyPress,false);
} else {
document.getElementById('strip').onkeypress = HandleKeyPress;
}
_
しかし、if (document.addEventListener) {
の部分は私には馴染みがありません。
次のように、これらのフィールドでEnter keypress
をキャプチャしてキャンセルできます。
$('.noEnterSubmit').keypress(function(e){
if ( e.which == 13 ) return false;
//or...
if ( e.which == 13 ) e.preventDefault();
});
次に、入力時にclass="noEnterSubmit"
:)
他の人が後でこれを見つけた場合に先を見て、jQuery 1.4.(まだリリースされていない)でこれを短くすることができます:
$('.noEnterSubmit').bind('keypress', false);
HTMLコードの<Head>
タグに次のコードを追加するだけです。 Enterキーでフォームを送信しますフォームのすべてのフィールド
<script type="text/javascript">
function stopEnterKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type == "text")) { return false; }
}
document.onkeypress = stopEnterKey;
</script>
特定のクラス(この例では 'enterSubmit')でのみ入力を許可するには:
jQuery(document).ready(function(){
jQuery('input').keypress(function(event){
var enterOkClass = jQuery(this).attr('class');
if (event.which == 13 && enterOkClass != 'enterSubmit') {
event.preventDefault();
return false;
}
});
});
<input type="text" onkeydown="return (event.keyCode!=13);" />