9

据说 onkeyup 方法没有定义,但是,该方法是我的 ide 自动推荐给我的。当我在 chrome 开发工具中查看错误时,我收到错误 Uncaught TypeError: Object [object Object] has no method 'onkeyup'。我正在使用最新版本的 jQuery。这是我的代码:

    <!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>
4

4 回答 4

17
$("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 没有方法名onkeyup

阅读更多关于.keyup().on()

于 2012-06-18T15:31:32.690 回答
1

方法是:

$("input").keyup(function() {
})
于 2012-06-18T15:32:02.777 回答
0

而不是 onkeyup 使用 keyup

 $("input").keyup(function(){
                var str = document.getElementById('txt1').value;
                $.post("gethint.php", {q: str});
            });
于 2012-06-18T15:33:15.643 回答
0

该方法onkeyup不存在,错误消息清楚地表明"onkeyup method not defined"。它应该只是keyup

$("input").keyup(function() {
    //Your code
});
于 2012-06-18T15:33:30.137 回答