onkeydownはjavascriptで動作しません

Question

なぜ私の関数はこの特定のコードで警告を返しませんか？あなたはあなたの関数でevent引数を渡す必要があり

<input type="text" id="searchString" name="searchString" onkeydown="searchString();"/> 

Answer 1

：

function searchString() { 
    if (event.keyCode == alert("Success!"); } 
} 

は、ここに私のHTMLコードです。

function searchString(event) { 
    if(event.keyCode == 13) { 
    alert("Success!"); 
    } 
} 

document.querySelector('input').addEventListener('keyup', searchString); 
 

 
function searchString(event) { 
 
    if (event.keyCode == 13) { 
 
    alert("Success!"); 
 
    } 
 
}

<p>Press the <b>enter</b> key in the input below see your alert</p> 
 

 
<input type="text" />

Answer 2

あなたは純粋なJavaScriptでそれを行うことができます：あなたはkeyCodeメソッドを呼び出すしようとすると、それ以外の場合eventは未定義です

const search = document.getElementById('searchString'); 

search.addEventListener('keydown', (e) => { 
    if (e.keyCode === 13) { 
    // your code here 
    } 
} 

注：13キーであります入力用のコード

Answer 3

実際にeventが引数として渡されていることを確認する必要があります。そうしないと、関数内で認識されません。どのコードがどのキーに関連付けられているかを確認するには、以下を試してください。

function check(event) 
{ 
    var keycode = event.keyCode; 
    alert(keycode); 
} 

そして...

<input type="text" id="check" name="check" onkeydown="check();">

リターンキーは '13' で結ばれています。ですから、押されたときに何かをやりたければ、次のようにします。

function searchString(event) 
{ 
    if(event.keyCode === 13) { 
     alert("return key was pressed"); 
     // do something .... 
    } 
} 

また、htmlコードは次のようになります。

<input type="text" id="searchString" name="searchString" onkeydown="searchString();"> 

「===」の代わりに「===」を使用しています。これは現在推奨されている方法です。また、inputの末尾のスラッシュは必要ありません。