JavaScript経由でURLを開くと、結果の代わりに？results = aaaにリダイレクトされますか？q = aaa

Question

問題があります。私は自分のウェブサイトから直接外部の検索エンジンを使用しようとしますが、JavaScriptは自動的にURLを変更するようですが、理由はわかりません。ここで

は私のJavaScriptコードです：

var form = document.querySelector('#my-form'), 
    text_field = document.querySelector('#results'); 

    function submitHandler(){ 
     window.open('https://myurl.com/results?q=' + text_field.value); 
     win.focus(); 
    } 

    // attach custom submit handler 
    form.onsubmit = submitHandler; 

そして、ここでは私のhtmlフォームのコードです：

<form method="get" id="my-form"> 
<input type="text" name="results" id="results" value="" placeholder="Search..."> 
</form> 

このコードは https://myurl.com/?results=aaa代わりのhttps://myurl.com/results?q=aaaにリダイレクトされるのはなぜ？

Answer 1

デフォルトの動作を提出防ぐ必要があります。

function submitHandler(e){ 
    e.preventDefault(); 
    window.open('https://myurl.com/results?q=' + text_field.value); 
    win.focus(); 
} 

提出ハンドラは、イベントオブジェクトが渡されます。この場合e。メソッドpreventDefaultを呼び出すと、デフォルトの動作が妨げられ、目的の結果が得られます。ここで

はフィドルです： https://jsfiddle.net/m5h132nj/