js 中 onkeyup 不起作用

Posted 2023-03-25

在jsp文件中有如下：
.....
<input type="text" value="abc" class="active" name="keyword" maxlength="64" id="searchText" autocomplete="off" >
......
这是一个搜索框。
然后创建一个js文件，在js文件中有：
$(".active").onkeyup(function()......);

目的是想随时处理搜索框中接收到的文字，就像百度的搜索框自动提示功能。但onkeyup事件不起作用，没反应。如果改成$(".active").click(function()......)则可以正常工作，是不是onkeyup的格式有问题呢？谢谢！

参考技术A $(".active").onkeyup(function()......);
改成
$(".active").keyup(function()......);
去掉on追问

你好～试了下还是不行呢。我在函数里第一句添加了alert（“aaa“），也没弹出aaa来..

本回答被提问者采纳

为啥 js 文件在另一个文件夹中不起作用？

【中文标题】为啥 js 文件在另一个文件夹中不起作用？

【英文标题】：Why doesn't the js file work in another folder?为什么 js 文件在另一个文件夹中不起作用？

【发布时间】：2012-11-05 12:01:23

【问题描述】：

我的文件夹层次结构是：

\- htdocs
    |- folder
        |- bootstrap
            |- js
                |- boostrap.min.js
        |- index.html

我正在使用这个脚本来调用 .js 文件：

<script src="bootstrap/js/bootstrap.min.js"></script>

我也试过了：

<script src="folder/bootstrap/js/bootstrap.min.js"></script>

我没有成功，这里有人知道它是如何工作的吗？

编辑：当我说“它不起作用”时，我的意思是js文件没有加载。 我的日志文件：

1 - - [16/Nov/2012:15:16:21 -0300] "GET /bootstrap/css/bootstrap.min.css HTTP/1.1" 404 1310 "localhost/THU/index.html"; "Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/20100101 Firefox/16.0

【问题讨论】：

你在使用重写引擎吗？

您是直接从磁盘运行还是在 Web 服务器上运行？

【参考方案1】：

根据您的文件夹结构，只要这个 <script> 在您调用的 index.html 中，您的第一次导入是正确的：

<script src="bootstrap/js/bootstrap.min.js"></script>

附言- 不要忘记包含type="text/javascript"

【讨论】：

“它不起作用”是什么意思？您检查过服务器的访问日志文件吗？

已编辑解释“不起作用”。我的日志文件： ::1 - - [16/Nov/2012:15:16:21 -0300] "GET /bootstrap/css/bootstrap.min.css HTTP/1.1" 404 1310 "localhost/THU/index.html" "Mozilla/ 5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/20100101 Firefox/16.0"

type="text/javascript" 在 HTML 5 中是不需要的。

@ChrisPeters 告诉我这是 HTML 5

@Doon 这是对 CSS 文件的请求，而不是 JS 文件。但它仍然提供了一个线索 - 请求是相对于您的文档根进入的（请注意开头的 /）。鉴于您的文件夹图，您的 bootstrap 文件夹似乎不在您的文档根文件夹中。

【参考方案2】：

在 Chrome 中打开页面。右键单击 > 查看源代码。右键单击 js 引用并在新选项卡中打开。这将向您显示浏览器认为您将其指向的位置，您应该能够从那里进行调整。

【讨论】：

奇怪，我刚刚做了，看来.js文件是正确的。但是JS文件没有被加载。我添加了 Madbreakes 所说的类型：<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

好的，你可能想改变你的问题，然后定义你认为它不起作用的原因。可能是页面中的js实际上搞砸了，根本不是参考。

谢谢里克·考尔德。它不起作用，因为页面看起来像一个普通的 HTML 页面，表单和内容没有以引导样式加载。

又一次毫无理由的否决。答案为他提供了解决问题并找到解决方案的知识。