入力値に次の文字が含まれています

Question

入力値に次の文字（および一致する文字のみ）が含まれている場合、テキストを非表示にしようとしています。現在のところ、それは "england"という単語の文字だけでなく、どんな文字でもトリガーされます。なぜそうは分かりません。どんな助けも大歓迎です。

var input = document.getElementById("input1") 
 

 
$("#input1").keypress(function(event) { 
 
    if (event.which == 13) { 
 
    event.preventDefault(); 
 
    $("input").submit(); 
 
    } 
 
}); 
 

 
input.addEventListener("keyup", function() { 
 
    if ($("input[value*='england']")) { 
 
    $('#etext').hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="input1" type="text" value="" placeholder="Search.. ." /> 
 
<p id="etext">England</p>

Answer 1

これは、右のチェックではありません：あなたはでそれを変更する必要が

if ($("input[value*='england']")) { 

：

if ($("input").val().toLowerCase().indexOf("england") === 0) { 

上記のコード：

• <input>の現在の値を取得します。
• 小文字に変換します。
• インデックスがenglandかどうかを確認します。

同様に、純粋なJavaScriptとjQueryを混在させる必要はありません。同じコードを使用し、documentのreadyイベントのすべてを囲みます。

$(function() { 
 
    var input = document.getElementById("input1"); 
 

 
    $("#input1").keypress(function(event) { 
 
    if (event.which == 13) { 
 
     event.preventDefault(); 
 
     $("input").submit(); 
 
    } 
 
    }); 
 

 
    $("#input1").on("keyup", function() { 
 
    if ($(this).val().toLowerCase().indexOf("england") === 0) { 
 
     $('#etext').hide(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="input1" type="text" value="" placeholder="Search.. ." /> 
 
<p id="etext">England</p>

注： value属性は、ユーザーの入力が、valueプロパティの意志を反映していないことを理解することが重要です。またif ($(selector))は$（）がオブジェクトを返すので常に真実になります

最後に、ステートメントをセミコロン;で終了してください。良い練習。