Googleフォームをキーストップで停止する

Question

私はGoogleカスタム検索を使用していますが、フォーム提出を停止するe.preventdefaultのケースで試しましたが、Googleから直接提供しているので注意しています。

Answer 1

最初にという要素を探して、enterのキーを傍受する必要があります。平野JSであなたがelm変数の要素と今それをこのよう

var elm = document.getElementsByClassName('my-input-element-class')[0]; 

を行うことができ、あなたはkeypressイベントを傍受することで、イベントハンドラを設定します。キーが<input type="text">ボックス内で押されるたびに、それがenter（キーコード13）であるかどうかがチェックされます。それが停止している、それは通常どうなるのかやってから、イベントを中止

• event.preventDefault（）：それはenter鍵となった場合

  elm.addEventListener('keypress', function(event){ 
      if (event.keyCode == 13){ 
      event.preventDefault(); 
      event.stopPropagation(); 
      } 
  }); 
  

  は、イベントハンドラは二つのことを行いますそれはフォームを提出することからです。

• event.stopPropagation（）それ以外の場合、親がフォームを送信するため、イベントが親要素に「バブルアップ」しないようにします。