javascript - 当用户在输入区域输入文本时显示警报

Question

当用户在搜索框中输入文本但它不起作用时，我试图显示一个警报。请指导。

http://jsfiddle.net/zcH54/

<div id="form" style="float:right;" >
    <form method="get" >
    <input type="submit" value="Search" class="btn" >
    <input name="q" type="text" id="search" size="32" maxlength="128" class="txt" >
    </form>
</div>  <!--form ends-->

这是JS，

 $(document).ready(function() { 
                $("#search").keyup(function() {                                                         // function starts when a key is entered in the search bar
                    alert("I am an alert box!");
                });
     });

Answer 1

您的解决方案是有效的。您必须在 jsFiddle 中添加 jQuery 库

<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>

现在在这里尝试

Answer 2

这将起作用：

$('#element').bind('keyup', function() { alert('hi') } );

将元素名称更改为您的，享受:-)

如果您的 jquery 文件有问题，您可以将其添加到 js 文件的第一个位置：

if(!window.jQuery)
{
   var script = document.createElement('script');
   script.type = "text/javascript";
   script.src = "path/to/jQuery";
   document.getElementsByTagName('head')[0].appendChild(script);
}

如果它仍然不存在，这将是第二次尝试。