Monaca×OnsenUI : ons-search-inputでiosのキーパッド「改行」→「検索」に変更させたい

Question

実現させたい事

ons-search-inputでiosのキーボード改行ボタンを検索ボタンに変更させたいです。

概要・該当のソースコード

・Monaca:Onsen UI V2 JS Tabbar

<!--検索ページ-->
   <ons-template id="Search_page.html">
    <ons-page id="Search_page">
      

      <div id="search">
        <ons-search-input placeholder="ons-search-input" id="form1">
          <input type="search" class="search-input" placeholder="ons-search-input" id="text1">
        </ons-search-input>
      </div>
      
      <form>
        <input type="search" placeholder="デフォルトのform">
      </form>

    
     </ons-page>
  </ons-template>

document.addEventListener('init',function(event){
  if(event.target.matches('#Search_page')){
    
    var form = document.getElementById('form1');
    form.addEventListener("change" , function(event){

      var a = document.getElementById('text1').value;
      alert(a);

    });
  }
});

ons-search-inputを使用せずformでonsubmit(function()return false;)を使用することもできるのですが、ons-search-inputのonchangeのほうが使い勝手が個人的には良いと思いましたので投稿させていただきました。
Androidのほうでは正常に検索ボタンとして表示されていることが確認できています。
ご回答よろしくお願いします。

Comments

[otak-lab]

onchangeイベントがどのタイミングで発火するか確認しましたか？Doneボタンを押すとonchangeイベントが発火するので、検索ボタンと表示しても意味がないと思うのですが。

[todayyy]

コメントありがとうございます。
Doneボタンか改行ボタンを押したときにイベントが発火することは確認できました。
コード追加・修正します！

Answer 1

ons-search-inputの使用をやめて、formにすることにしました。
formにonsubmitでfalseを戻り値にして、addEventListenerのchangeを使用しています。
javascriptは変わらずです。

<!--検索ページ-->
   <ons-template id="Search_page.html">
    <ons-page id="Search_page">
      

      <div id="search">
        <form placeholder="ons-search-input" type="search" id="form1" onsubmit="return false;">
          <input type="search" class="search-input" placeholder="ons-search-input" id="text1">
        </form>
      </div>
        
     </ons-page>
  </ons-template>