2012-06-18 18 views
8

しかし、onkeyupメソッドは、おそらく定義されていませんが、このメソッドは私のIDEによって自動的に推奨されます。クロム開発ツールでエラーを表示すると、エラーが発生します。Uncaught TypeError:Object [オブジェクトオブジェクト]に 'onkeyup'メソッドがありません。私はjQueryの最新バージョンを使用しています。ここに私のコードは次のとおりです。jQuery onkeyupメソッドが定義されていません

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("button").click(function(){ 
       var str = document.getElementById('txt1').value; 
       $.post("addName.php", {q: str}); 
      }); 
      $("input").onkeyup(function(){ 
       var str = document.getElementById('txt1').value; 
       $.post("gethint.php", {q: str}); 
      }); 
     }); 
    </script> 
</head> 
<body> 

<h3>Start typing a name in the input field below:</h3> 
<form action=""> 
    First name: <input type="text" id="txt1"/> 
</form> 
<p>Suggestions: <span id="txtHint"></span></p> 
<button> Add Name</button> 

</body> 
</html> 

答えて

13
$("input").on('keyup', function(){ 
    var str = document.getElementById('txt1').value; 
    $.post("gethint.php", {q: str}); 
}); 

または

$("input").keyup(function(){ 
    var str = document.getElementById('txt1').value; 
    $.post("gethint.php", {q: str}); 
}); 

jQueryのは、よりおよそ.keyup().on()

+0

ありがとうございます。これは問題を解決しました。私は$ .postを正しく使っていますよね?イベントがトリガーされたので、スクリプトはまだ実行されているとは思われません。/ファイルの先頭にあるエコーが出力されないため、これがわかります。 – Julian

+0

なぜあなたが使用するのか疑問に思っています。 var str = document.getElementById( 'txt1')。 var str = $( '#txt1')。val(); Jqueryを使用しているため – Sunjalo

1
なしメソッド名 onkeyup

読むを持っていません

方法は次のとおりです。

$("input").keyup(function() { 
}) 
0

の代わりに、onkeyupの使用からkeyup

$("input").keyup(function(){ 
       var str = document.getElementById('txt1').value; 
       $.post("gethint.php", {q: str}); 
      }); 
0

存在しないonkeyup方法、エラーメッセージが明確に"onkeyup method not defined"を言います。ちょうどkeyupでなければなりません。

$("input").keyup(function() { 
    //Your code 
}); 
関連する問題