为什么不起作用？Onclick javascript
"为什么不起作用？Onclick javascript"
这个问题涉及到JavaScript中的onclick事件处理函数不起作用的可能原因。以下是一些可能的原因和解决方法：
- 语法错误：检查代码中的拼写错误、缺少分号等语法错误。可以使用浏览器的开发者工具（如Chrome的开发者工具）来查看控制台中的错误信息。
- 元素不存在：确保要绑定onclick事件的元素存在于DOM中，并且已经加载完毕。可以使用JavaScript的DOMContentLoaded事件来确保DOM加载完成后再绑定事件。
- 事件绑定时机：确保事件绑定的时机正确。如果是在页面加载完成后动态添加的元素，需要使用事件委托（event delegation）来绑定事件。
- 其他事件冲突：检查是否有其他事件或脚本与onclick事件发生冲突，可能会导致onclick事件不起作用。可以尝试使用addEventListener方法来绑定事件，以避免事件冲突。
- 其他JavaScript错误：检查页面中是否有其他JavaScript错误，可能会导致onclick事件不起作用。可以使用浏览器的开发者工具来查看控制台中的错误信息。
- JavaScript被禁用：如果浏览器禁用了JavaScript，onclick事件将不起作用。确保浏览器中JavaScript已启用。
总结起来，onclick事件不起作用可能是由于语法错误、元素不存在、事件绑定时机不正确、事件冲突、其他JavaScript错误或JavaScript被禁用等原因导致的。需要仔细检查代码，并根据具体情况进行排查和解决。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time Rendering Engine）：https://cloud.tencent.com/product/trre
相关·内容
我正在尝试调用一个javascript函数onclick。我曾经写过这样的东西
<script type="text/javascript">
function readPage(){
alert("Hello");
}
document.getElementById('read').onclick=readPage;
</script>
<a id="read" href="">read</a>
我正在尝试调用readP
浏览 0提问于2010-07-28得票数 11
回答已采纳
2回答
这可能非常简单，但我对JavaScript非常陌生，这让我抓狂。
我的问题是，为什么这个不起作用：
<input type="button" id="butt" value="Button" onclick="getThought();"/>
如果我将onclick直接添加到JavaScript中，它可以很好地工作：
document.getElementById("butt").onclick = getThought;
提前谢谢。
浏览 1提问于2013-11-17得票数 2
回答已采纳
一个简单的JavaScript onclick事件不起作用，但我不明白为什么，下面是代码：
<button onclick="removeLol()">remove style</button>
function removeLol() {
alert("hello");
}
下面是一个简单的例子：
浏览 5提问于2013-03-31得票数 1
我有这行代码，它工作得很好，但我想转换成一个PHP变量： <a href="javascript:void(0);" onClick="javascript:freezModel('view_assumptions.php?id=<?php echo $adminArr['id'];?>&act=freez')" > 我已经尝试过了： $unlock='<a href="javascript:void(0);" onClick="javascript:free
浏览 11提问于2021-11-01得票数 0
回答已采纳
突然间，我所有的ASP.NET LinkButtons (使用href=javascript：__PostBack.语法)停止适用于所有FireFox用户(各种版本)
我缩小了范围，发现所有的href=javascript:在FB中都不起作用。
示例:这里有一个简单的例子： (用火狐访问这个页面来查看自己)--这是微不足道的html代码，JS调用警报(“点击”)
<a onclick="alert('clicked');" >WORKS</a>
<a href="javascript:alert('clicked&
浏览 4提问于2011-10-27得票数 0
回答已采纳
我不知道为什么JS函数不起作用，当我单击选项的1时，下拉菜单不起作用。
但是当我点击按钮的时候。
，下面是代码片段：
<div class="btn-group">
<button onclick="myFunction()" class="btn btn-success">Disable</button>
<button onclick="myFunction1()" class="btn btn-success">Unlock</bu
浏览 0提问于2018-04-23得票数 0
回答已采纳
我在JavaScript中使用用户输入。当然，为了安全起见，我的框架将一些符号改为HTML代码。但出于某种原因，这打破了我的JavaScript。举个例子，这是可行的：
<a onclick="alert('hello')">Hello</a>
但这不是：
<a onclick="alert('hel l' lo')">Hello</a>
为什么下面的方法不起作用，我怎样才能使其起作用？
浏览 0提问于2019-07-12得票数 1
4回答
我用javascript制作了窗口对象。我想给windows对象添加一些函数。但是.onclick、.setattribute和.addEventListener不能处理我的对象。当我给出css或javascript的值时，即使是鼠标光标也不能改变。它在我的源码的499行。你能告诉我为什么这些不起作用吗？我应该改变语言吗？是bug吗？
function seSizeValue(theNumOfWins,outlayerId){
var seSizeValue;
var seSizeValueId;
seSizeValueId = "seS
浏览 0提问于2014-12-05得票数 0
为什么name函数不起作用。chrome控制台输出'string is not a function'？请提供答案。谢谢
<html>
<head>
<script type="text/javascript">
function name(){
alert('hello, world');
}
// with parameters
function test(x){
alert(x);
}
</script>
</head>
浏览 0提问于2013-12-25得票数 2
使用onclick时，如何替换按钮上的目标URL？
<div id="my_button" onclick="window.location.replace('/destination1')">Button<div>
所以看起来会是这样
<div id="my_button" onclick="window.location.replace('/destination2')">Button<div>
但是，下面的Javascript代码不起作用。为什么
浏览 11提问于2022-06-04得票数 1
回答已采纳
我有下面这行代码：
<a href="javascript:;" onClick="tweeet('myid')">My Tweets!</a>
现在，尽管这行代码运行得很好，但下面这行代码却不是：
<a href="javascript:;" onClick="tweeet(<?php echo 'myid'; ?>)">My Tweets!</a>
有没有人能帮我解释一下为什么它不能工作，并给出一些修改建议？我想传递给Javascri
浏览 0提问于2010-06-11得票数 0
回答已采纳
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
为什么函数changeText在由onclick="changeText('tare.e')"调用时可以工作，而在JavaScript中调用时却不起作用
function changeText(idname,newtext)
{
document.getElementById(idname).value
浏览 0提问于2013-01-30得票数 0
我有一个带有下拉选择的菜单！
<select name="category" id="category" required><option value="0">Choose</option><button type="button" onclick="javascript:formsubmit();">Keres</button>
然后继续计算其值。我有一个kwicks面板：
<div class='kwicks kwicks-ho
浏览 0提问于2012-10-16得票数 0
回答已采纳
我有一个WebBrowser控件，并尝试在所有链接上设置onclick和href属性。
foreach (HtmlElement link in webBrowser1.Document.Links)
{
link.SetAttribute("href", "http://www.google.com");
link.SetAttribute("onclick", "return false;");
}
它工作得很好。当我打开外部html的源代码时，我发现属性是存在的。但是JavaScript代码不起作用。
浏览 2提问于2010-04-13得票数 1
回答已采纳
在我使用的一种形式中，我称为Javascript函数。虽然函数返回false，但表单被提交并调用action方法。
我用过这个
<h:commandButton onclick="test();" action="{#bean.menthod}">
test- javascript方法返回布尔值false。
上面不起作用。下面提到的代码本身起作用了。我想知道为什么
<h:commandButton onclick="if(test) return true;else return false" action="{#be
浏览 2提问于2014-02-23得票数 0
回答已采纳
为什么这个不起作用？
html：
<html>
<head>
<title>test</title>
</head>
<body>
<button onclick="test21()">test</button>
</body>
</html>
javascript：
function test21(){
console.log("yey");
}
浏览 0提问于2016-10-15得票数 0
我有点好奇为什么这个不起作用
JavaScript：
function evaluate(){
console.log(42);
}
HTML：
<a onclick="evaluate()">Click Me!</a>
evaluate是html中某处的保留关键字吗？
浏览 3提问于2013-02-08得票数 9
回答已采纳
我知道很多帖子都在讨论这个问题。但我仍然找不到任何有效的解决方案。
我的ASPX代码
<asp:Button ID="Booking1Btn" runat="server" CssClass="col-8 SureButton" Text ="NEXT" OnClientClick="javascript: return calcRoute()" OnClick="Booking1Btn_Click" />
如果calcRoute()，则所有路由都返回false。calcRoute()运
浏览 2提问于2018-10-09得票数 0
为什么这不起作用，但是对于"Y-m-d“是可以的？
<?php
echo "<input id=mindate value=$mindate>
<input type=button value=Today
onclick='javascript:document.getElementById(\'mindate\').value
=\'".date("Y-m-d H:i:s")."\';'>";
?>
在页面上，它看起来像这样：
<input t
浏览 0提问于2011-01-08得票数 0
回答已采纳
4回答
我认为这是一个简单的问题，但我是JavaScript新手
当我尝试关闭一个新窗口时，为什么"but2“按钮不起作用？
HTML代码
<input type="button" value="New window" id="but1" onclick="createwin()" />
<input type="button" value="close window" id="but2" onclick="closewin()" />
Jav
浏览 1提问于2011-04-20得票数 0
回答已采纳
2回答
好的，我想把一个onClick事件放在一个按钮上。由于某些原因，这段代码不能工作。
HTML：
<button id="who" class="hidden">Arresteer een verdachte!</button>
JavaScript：
var button = document.getElementById("who");
button.onclick(function(){
console.log("hoi")
})
有人知道为什么这个不起作用吗
浏览 3提问于2014-06-10得票数 0
<img src="images/butAdd.png" onclick="addField(1,1);" />
<div id="divField"></div>
<script type="text/javascript">
function addField(count, type) {
var bid = document.getElementById("bid").value;
$("#divFi
浏览 0提问于2009-08-07得票数 0
我有一个奇怪的问题，我似乎搞不清楚。我有一个简单的onclick事件，它显示/隐藏一个特定的div。它在Firefox、Chrome、IE中运行良好，但在Safari (桌面或移动设备)中不起作用。
HTML代码：
<a href="/link.html" onclick="toggleDiv();">
JAVASCRIPT
<script type="text/javascript">
function toggleDiv()
{
document.getElementById("button-group
浏览 0提问于2016-03-17得票数 0
我通常不使用onclick，但当我遇到这个问题时，我打算为一个完全不同的目的进行一些调试编码。我是不是完全失明了，或者为什么这个不起作用？
<html>
<head>
<script type="text/javascript">
function click()
{
alert("hey");
}
</script>
</head>
<body>
<!-- Will not work in any browser -->
<input type="
浏览 3提问于2011-04-07得票数 1
回答已采纳
我正在学习，所以我想让一个按钮做一些事情，目前，只显示一条带有警告功能的消息。但它不起作用，我认为getElementById方法不起作用，我不知道为什么。
以下是javascript代码：
function button(){
let btn = document.getElementById("sub");
btn.addEventListener('click',()=>{
alert("clicked");
});
}
我使用onclick属性调用html文件中的函数，代码如下：
<button class="
浏览 3提问于2021-01-28得票数 0
我不知道为什么我不能用下面提到的代码切换我的复选框。但同样的代码在另一个项目中运行良好。但是，当我试图在另一个CodeIgniter项目中实现它时，它不起作用。请帮我解决这个问题。
<form action="" method="post" onSubmit="return checkTheBox() " name="checkboxform">';
中的Onclick事件
echo "<td><a href='javascript:void();' onC
浏览 1提问于2014-01-09得票数 1
在我的项目中，我所有的锚标签在IE和Chrome中都工作得很好，但它们没有一个在Safari浏览器中不起作用。
下面是我的标签。
<a id="btnNewCompany" href="#" onclick="btnNewCompany_OnClick()"
runat="server"> Add Company </a>
在上面的代码中，我调用了btnNewCompany_ OnClick() javascript。
function btnNewCompany_OnClick() {
浏览 0提问于2012-06-20得票数 0
在这里的jquery滑块中，我尝试将图像包装在带有href链接的标签中。他们没有反应。但是，onclick="javascript:self.location.href='；返回false;“工作正常。为什么会这样呢？
不起作用：
<a href="hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>
作品：
<img id="book3" class="book&
浏览 1提问于2011-03-04得票数 0
回答已采纳
为什么这在浏览器中不起作用？
<input type="button" id="x">
<a href="javascript:document.getElementById('x').value='something';">Click</a>
是的，我知道我可以使用onClick来调用一个函数并将我的代码放在那里，但是有没有办法使用带有href属性的' javascript :‘来执行简单的javascript函数，比如更改一个值？
浏览 0提问于2014-08-06得票数 0
我试图使用javascript的onclick更改span的文本，但它不起作用。它很简单，但我不知道为什么它不起作用
<div class="subscribe_block">
<h3><span>Stay Connected</span></h3>
<form method="post" action="" name="subscribeForm">
<span id="message"></span&g
浏览 5提问于2014-03-20得票数 1
回答已采纳
这让我抓狂--我不明白为什么它不能工作！
我有两个文件:谷歌脚本中的myPage.html和myCode.gs。我已经将html文件部署为web应用程序，并希望submit按钮的onclick事件从myCode.gs文件触发emailTech函数，但它不起作用！当我直接从文件中运行函数时，它工作得很好。
我做了几个小时的研究，并试图添加<script type="text/javascript" src="myCode.gs"></script>，但当我刷新web应用程序时，这会导致错误。我曾尝试以onClick= "google
浏览 0提问于2013-05-09得票数 1
回答已采纳
我编写了一个简单的代码来学习JavaScript中的Eventhandling，但是当我单击" click“按钮时，函数hello()不起作用，为什么呢？
html file:
<!DOCTYPE html>
<html>
<head>
<script src="hello.js"></script>
</head>
<body>
<button id="click">Click</button>
</body
浏览 1提问于2019-11-22得票数 0
回答已采纳
我的目标是更改链接的onclick属性。我可以成功地执行此操作，但生成的链接在ie8中不起作用。它在ff3中是有效的。
例如，这可以在Firefox3中工作，但不能在IE8中工作。为什么？
<p><a id="bar" href="#" onclick="temp()">click me</a></p>
<script>
doIt = function() {
alert('hello world!');
}
foo = docu
浏览 0提问于2009-06-19得票数 32
回答已采纳
4回答
关于javascript中的内联函数调用，我有一个问题。
此示例工作如下：
<button onclick="{alert($(this).text());}">Testing</button>
虽然这是行不通的：
<button onclick="function(){alert($(this).text());}">Testing</button>
我的问题是，为什么第二种情况不起作用，而第一种情况则起作用？
我已经理解了这个问题，使用jQuery：
$( ".selector" ).dropp
浏览 3提问于2017-04-14得票数 4
回答已采纳
2回答
即使是这个简单的方法似乎也不起作用，我也不知道为什么。我正在尝试删除那个类，但这并不重要，因为无论我尝试做什么，它都不起作用。我想知道为什么。
这是我的css：
<i onclick="removeClass()" class="fas fa-bars slide"></i>
这是我的JavaScript：
function removeClass() {
var icon = document.getElementsByClassName("
浏览 1提问于2018-03-05得票数 0
我正在试验javascript错误抑制(出于研究目的)。
<a class="test" onclick="window.onerror = function(){ return true;} alert(1);test(",")"
href="#" role="button">test</a>
我的目标是在test()出错的情况下运行alert()函数(传递参数问题)。window.onerror语句没有捕获和忽略错误，我不明白为什么。
有人能解释一下这个特殊解决方案
浏览 1提问于2013-09-14得票数 0
1回答
在表单中，如果发生事件，我希望调用两个Servlet中的一个。为什么它不起作用？
<form method="post" action="<%=tipo_ricerca.equals('normale') ? VisualizzaRecensioniServlet : VisualizzaRecensioniRicercaVotoServlet;%>">
<a href="javascript:;" onclick="parentNode.submit()">Start</
浏览 2提问于2014-02-17得票数 0
我无法访问锚标签的onclick事件中的javascript函数。
在某些情况下，它是有效的，在某些情况下，它不起作用。
有没有人能说出为什么会这样。
HTML代码-
<a href='#' class="btn waves-effect waves-light bg-blue" id="startDeviceScan" onclick="call286Dart123('CollectSysInfo', '3c6c3e33bb65e8331bf4c91c0670492e');" >s
浏览 0提问于2016-07-14得票数 5
回答已采纳
我认为这是一个简单的问题，但我是JavaScript新手
为什么当我尝试moveBy或moveTo一个新窗口时，按钮"but3“和"but4”不起作用？
谢谢
HTML代码
<input type="button" value="New window" id="but1" onclick="createwin()" />
<input type="button" value="close window" id="but2" onclick="
浏览 3提问于2011-04-20得票数 0
回答已采纳
4回答
我正在尝试向父<li>添加一个类，这是我一直在尝试的，但没有结果：
function calendaractive(){
$(this).parent('li').addClass("active");
}
HTML
<li>
<a href="javascript:void(0)" onclick="calendaractive();">2009</a>
</li>
为什么这不起作用？
浏览 1提问于2013-02-06得票数 3
回答已采纳
我是个新手，但我试过所有显而易见的东西。也许我的javascript很糟糕，这就是为什么，但onmousedown = func；不起作用。等。
function performCommand(event)
{
/*removed*/
//It reaches this point
document.body.onclick = function() {
//Never reaches this point
/*removed*/
}
}
浏览 1提问于2010-08-21得票数 1
回答已采纳
我正在尝试使用这个flip插件：，但是我不能让它像想要的那样工作。
这是可行的：
<div class="flip" id="flipbox2" onclick="doFlip();">
Flip me!
</div>
<script type="text/javascript">
var $flipbox = $('#flipbox2');
function doFlip() {
$flipbox.flip({
浏览 0提问于2013-08-27得票数 0
我有一个非常简单的javascript函数来返回所选字段的索引，如下所示：
function validateForm() {
alert(document.getElementByID('textfieldAmount').selectedIndex);
return false;
}
这是从输入按钮onClick调用的，如下所示：
onclick="return validateForm();"
但是Javascript永远不会被调用，页面无论如何都会被提交。
如果我将警报更改为alert (“wibble”)，则警报可以正常工作，并且页
浏览 1提问于2012-07-27得票数 1
我对纯JavaScript的语法很陌生；您知道为什么"getElementsByTagName“在我的简单测试中不起作用吗？
var btn = document.getElementsByTagName('button');
console.log(btn);
btn.onclick=function(){
alert('entered');
document.getElementById("demo").innerHTML="test";
}
浏览 2提问于2014-03-29得票数 0
回答已采纳
有没有人知道为什么这不起作用？
我有一个名为addexercise()的javascript函数
<a href="#myModal_addexercise" onclick="addexercise('{{ $workout->name }}', '{{ $workout->workout_id }}'); return false;" role="button" data-toggle="modal" class="btn btn-success">
浏览 2提问于2014-11-23得票数 0
1回答
我一直在努力弄清楚为什么这半个小时都不起作用。抱歉，如果我是个白痴，但我似乎无法使它发挥作用！
Javascript：
function cancel(){
alert("working");
}
HTML：
<input type="button" onclick="cancel()" value="Cancel" />
浏览 1提问于2013-09-12得票数 0
回答已采纳
我想通过单击图像来更改容器的属性。
为什么这不起作用：
<script type="text/javascript">
function changeMargin(){
document.getElementById("container").style.margin.top="100px";
}
</script>
<div id="container">
<img id="btnRight" src="img/btnRi
浏览 0提问于2012-07-20得票数 1
回答已采纳
我正在努力学习Javascript。为什么这不起作用？
function test() {
var x,z;
$x = document.getElementById("input").value;
$z = ($x).toString(2);
document.getElementById("demo").innerHTML = $z;
}
<input type="text" id="input">
<button onclick="test()">Try it<
浏览 1提问于2015-02-22得票数 0
5回答
如何使用JS提交表单
、、、
可能重复：
我试着用JS提交表格，但没有运气。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function validate () {
alert('start');
$('
浏览 6提问于2012-10-13得票数 1
回答已采纳
4回答
我试图理解JavaScript中的this关键字是如何工作的，于是我编写了这个脚本：
function click(){
this.innerHTML="changed";
}
在此HTML中使用：
<button id="clicker" onclick="click()" >Click me</button>
但是它不起作用，有人能解释为什么吗？
浏览 2提问于2010-12-15得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
