javascript - 按钮“onclick”不起作用(被检测到)
问题描述
我有一些代码,但由于某种原因,我的 `onclick="click()" 没有被检测到。
这是代码:
function click () {
//Just for display purposes ON STACKOVERFLOW
document.write("It worked!!!");
name = document.getElementById("name").value;
document.getElementById("name").innerText = "";
agenda.push(name);
}
.add {
display: flex;
flex-direction: row;
align-items: center;
margin: 10px 0;
padding: 12px 0 10px 10px;
background-color: #e9ecef;
box-shadow: 3px 3px 10px #e9ecef;
border-radius: 4px;
overflow: hidden;
transition: transform 0.1s ease-in-out;
width: 700px;
}
.add:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 3px 3px 10px #d0ebff;
transition: all 0.1s ease-in-out;
}
.add .submit {
stroke: #adb5bd;
transition: stroke 0.1s ease-in-out;
}
.add:hover .submit {
stroke: #495057;
transition: stroke 0.1s ease-in-out;
cursor: pointer;
}
.submit {
margin-left: auto;
padding: 0 10px;
}
input[type=text] {
padding: 5px;
margin: 0 10px;
border: 2px solid #ced4da;
border-radius: 4px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="add" class="add">Add item: <input type="text" id="name" class="name" placeholder="Enter item name" autocomplete="off">
<button id="submit" class="submit" onclick="click();">Add</button>
</span>
我没有收到任何错误或任何东西,并且我知道该函数click()
确实有效,因为我已经尝试从控制台调用它,这也意味着 JavaScript 和 HTML 文件之间的链接正在工作,否则,控制台不知道是什么click()
。因此,我知道问题出在实际的 HTML 代码上。
谢谢。
解决方案
推荐阅读
- c# - 如何使用循环创建轮播 Microsoft Bot Framework
- java - 检查后的空对象引用!= null
- javascript - 我可以从变量中导出默认值吗?
- python - 新的 Pandas 文件显示旧 pandas 的索引
- swift - 如何使用具有嵌套关系的 NSSortDescriptor 向下几个级别
- r - 在ggplot2中更改给定图表中堆积条的顺序
- c++ - 在向量中找到weak_ptr
- mysql - 使用 XPages 休息服务连接到 mysql 时出错
- python - 如何为循环中的每个子图创建图例?
- python - Python 正则表达式 - 有界词