ホームページ >ウェブフロントエンド >jsチュートリアル >JS カーソル位置のテキスト ボックスとキャリッジ リターン フォームの問題の解決策 submit_javascript スキル

JS カーソル位置のテキスト ボックスとキャリッジ リターン フォームの問題の解決策 submit_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 15:59:521258ブラウズ

この記事の例では、JS カーソル位置のテキスト ボックスとキャリッジ リターン フォームの送信の問題の解決策について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

補助検索のテキスト ボックスにカーソルを置いて Enter キーを押すと、メソッドによって返された json 文字列がページに表示されます。

理由: フォームに単一行のテキスト入力フィールドが 1 つしかない場合、ユーザー エージェントはフォーム送信リクエストとしてそのフィールドへの Enter を受け入れる必要があります。 🎜> 翻訳: フォームに input type="text" が 1 つだけある場合、ユーザーが Enter キーを押すとフォームが送信されます。

解決策:

入力テキストの onkeydown イベントを処理し、キャリッジ リターン操作を無効にします。 特定のコード:

<p>
<input class="text text-1" type="text" name="name" 
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
 if(event.keyCode==13){
  stopDefault(event);
 }
}
function stopDefault(e) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if(e && e.preventDefault) {
   //阻止默认浏览器动作
   e.preventDefault();
 } else {
   //IE中阻止函数器默认动作的方式
   window.event.returnValue = false;
 }
 return false;
}
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。