为什么我必须单击按钮两次才能使此JavaScript函数工作？
在JavaScript中，需要单击按钮两次才能使函数工作的原因可能有多种。下面是一些可能的原因和解决方法：
- 事件绑定问题：可能是因为事件绑定的方式不正确导致的。确保你正确地将事件绑定到按钮上，例如使用addEventListener()方法或直接在HTML中添加onclick属性。
- 全局变量问题：函数可能依赖于某些全局变量，而这些变量在第一次点击按钮时尚未被初始化。确保在函数中正确处理全局变量的初始化。
- 异步操作问题：函数可能包含异步操作，例如AJAX请求或定时器。在第一次点击按钮时，这些异步操作可能尚未完成，导致函数不起作用。可以使用回调函数、Promise或async/await等方法来处理异步操作。
- 事件冒泡问题：可能存在多个嵌套的元素监听了相同的事件，并且点击按钮时事件会冒泡到其他元素上。这可能导致函数被多次调用，需要确保只有按钮被点击时才执行函数。
- 其他代码问题：函数内部可能存在其他代码问题，例如错误的逻辑或语法错误，导致函数无法正常执行。检查函数内部的代码，确保没有错误。
总结起来，需要单击按钮两次才能使JavaScript函数工作的原因可能是事件绑定问题、全局变量问题、异步操作问题、事件冒泡问题或其他代码问题。通过检查和调试这些可能的原因，可以解决这个问题。
相关·内容
我正在编写一个HTML表单，可能需要几秒钟才能提交。提交后，我想禁用表单中的一些字段。
我可以在表单的submit事件的处理程序中这样做，但这会在表单提交之前触发。如果禁用控件，则它们的值不包含在发送到服务器的post数据中。
我尝试过在我的处理程序中取消提交事件，从表单中删除我的submit事件处理程序，通过JavaScript提交表单，然后禁用控件，但问题是我需要知道用户单击哪个按钮提交表单。此信息在原始表单submit中，但显然不在我手动触发的信息中(因为没有单击按钮)。
我可以尝试将此信息复制到手动表单提交中，但是否有一种方法可以在表单提交后运行禁用代码？
浏览 2提问于2012-08-29得票数 14
回答已采纳
我有一个html按钮，如下所示。当它被单击并且AutoEventWireup=为“true”时，Save_Click单击处理程序将触发两次。当AutoEventWireup=为False时，它将触发一次。
为什么它会发射两次？该按钮没有注册两次，并且没有添加事件处理程序的代码。使用母版页，没有Ajax。
<button id="Save" accesskey="v" type="submit" runat="server" onserverclick="Save_Click"></button&g
浏览 2提问于2009-10-13得票数 18
回答已采纳
3回答
我知道这很难理解，但请试一试。看一下截图。
小输入框的名称是murl。
add()用于提交表单。如果murl为空，则必须直接提交表单，如果不为空，则必须对照数据库检查murl条目(如果存在)。如果不存在，则调用add()。
问题是，必须单击两次button 才能触发函数.
按钮上的代码是：
<button type="button" value="My button value" onclick="javascript: niju();" name="microsubmit" id="microsubmit"
浏览 0提问于2009-02-12得票数 3
我有一个有两个按钮的Blazor服务器应用程序。第一个按钮在C#中调用C#方法，第二个按钮在C#中调用TestJSInterop方法。以下是代码：
@inject IJSRuntime JSRuntime;
<!-- buttons -->
@code {
List<int> tabs = new List<int>();
protected override Task OnAfterRenderAsync(bool firstRender)
{
JSRuntime.InvokeVoidAsync("mo
浏览 8提问于2020-04-19得票数 5
回答已采纳
我有一个联系人表单，张贴到mailchimp -但在某些情况下，我也希望它发送一封电子邮件。
我考虑将<form action="...从mailchimp改为我自己的页面，其中包含类似以下内容的内容：
<form action="mailchimp_url..." ...>
<? foreach($_POST as $name=>$value){?>
<input type="hidden" name="<? echo $name;?>" value="<?
浏览 0提问于2012-08-29得票数 0
回答已采纳
2回答
我正在使用updatepanel进行异步回发。在单击两次异步回发按钮后，我不知道为什么我要使用jQuery在UpdatePanel中的元素上绑定一些鼠标悬停效果。事件绑定在$(document).ready中
<script type="text/javascript">
window.onload = body_load;
function body_load()
{
BindEvents();
}
function BindEvents()
浏览 3提问于2012-07-03得票数 0
回答已采纳
当用户单击按钮时，我需要将一行添加到表中，并且还需要一个remove按钮来删除添加的行。
单击该按钮时，没有任何反应。只需第二次单击该按钮，代码即可正常工作。
我对HTML和Javascript非常陌生，所以我从互联网上获得的代码。
function addRows() {
$('.splitBtn').on('click', function() {
$(this).closest('tr').insertBefore($('<tr><td><button class="de
浏览 14提问于2019-07-17得票数 2
回答已采纳
我是jQuery的新手。
我在我的页面中使用了一个jQuery插件(实际上是SimpleModal插件)。直到我用jQuery替换了$，它才起作用！
$(document).ready(function() { --> jQuery(document).ready(function() {
它现在可以工作了，但是我仍然有一个问题！我想通过单击页面上的取消按钮来关闭此模式窗口。在SimpleModal的手册中有这样一句话：“您可以通过调用$.modal.close()以编程方式关闭当前打开的对话框。”但这对我不起作用。我将"$“替换为"jQuery”，但不起作用
浏览 0提问于2010-07-23得票数 1
回答已采纳
我尝试使用jQuery生成按钮--我调用了JavaScript函数，但我遇到了问题：
页面加载后，第一次点击我的按钮没有反应。
第二次单击将执行两次函数
第三次单击将执行函数3及更多。
为什么我的代码会执行更多？我只想要“1单击1执行JavaScript函数”，我的代码如下
<script type="text/javascript" language="javascript">
function showcase(){
var foo = function () {
alert('tutup&
浏览 8提问于2013-07-23得票数 0
我正在尝试使用这个函数：
function storagecalc(){
var thediv=document.forms["boxes"];
var boxno=thediv.elements["numbofboxes"];
var howmany =0; //If the textbox is not blank */
if(boxno.value!="")
{
howmany=parseInt(quantity.value);
}
return howmany;
document.getElem
浏览 2提问于2012-07-19得票数 0
回答已采纳
这里有这段代码，当我点击“修改”按钮时，我得到了一个消息框。单击x按钮关闭它后，消息框将再次出现。我真的不知道为什么会这样。
private void dataGridUsers_CellContentClick(object sender, DataGridViewCellEventArgs e)
{
if (dataGridUsers.Columns[e.ColumnIndex] is DataGridViewButtonColumn &&
e.RowIndex >= -1 && dataGridUsers.Columns[e.
浏览 1提问于2014-10-23得票数 1
回答已采纳
我有一些按钮(href链接)，这些按钮是根据从数据库获取的数据动态创建的，因此每次都重用相同的按钮模板(n次为n个用户)。单击该按钮将用户带到一个新页面，然后在用户单击该按钮后(即使他重新访问该页或刷新该页面)，我希望该特定按钮被禁用。
不能使用任何使用id标记的方法。
编辑:不必严格使用JavaScript
浏览 5提问于2017-03-23得票数 0
2回答
这真的快把我逼疯了，我已经在上面呆了几个小时了。
我有一个url，它的查询字符串是根据表单上的选定项连接起来的，我需要对这个url执行post，但必须单击imagebutton控件才能执行post。我将图像按钮的PostBackUrl属性放在图像按钮的事件中，因此在最终发布url之前，它会被单击两次……但我真的需要点击一次，但这并不起作用。我知道为什么它点击了两次，尝试用javascript调用url，但不起作用。
下面是代码。请帮助我与代码样本，因为我仍然是一个新手，有点。谢谢
protected void searchImageButton_Click(object sender, Ima
浏览 0提问于2010-10-15得票数 1
3回答
我有一个结帐表单，它使用php在页面加载时将一些javascript & html加载到#Div-A中。javascript将单击事件绑定到同一个div中的#Button-A。就像这样：
<div id="#Div-A"><input type="button" id="Button-A"/>
<script type="text/javascript">
$('#Button-A').bind('click', function() {
浏览 4提问于2014-05-15得票数 7
回答已采纳
4回答
我想在单击按钮时验证我的表单。
为此，我使用了("#trade").validate();。
但我的问题是，当用户点击我的按钮时，它会调用另一个函数来发布我的数据。
<input type="button" class="button" value="Save" onClick="create_trade();">
我用过
<script type="text/javascript">
$(document).ready(function(){
$("
浏览 0提问于2012-10-05得票数 1
回答已采纳
我有一个按钮，我将onclick连接到一个调用，以检索用户的位置，然后使用该位置进行另一个调用，以检索附近位置的列表。由于某些原因，地理定位成功方法在第二次单击该按钮时被调用两次。
因此，我加载页面，单击按钮，允许使用我的位置，它将发出一个ajax请求来获取附近的位置。这可以很好地工作。
我再次点击按钮，允许使用我的位置(再次)，它会发出一个ajax请求来获取位置，等待~2秒，然后在没有我允许的情况下使用相同的坐标发出另一个请求。所以成功的方法必须被调用两次，但我不确定为什么。
$("#FindLocation").click(function () {
myScript.
浏览 0提问于2011-01-07得票数 10
回答已采纳
我正在尝试使用以下代码查找所有附近的热点：
for(NEHotspotNetwork *hotspotNetwork in [NEHotspotHelper supportedNetworkInterfaces]) {
NSString *ssid = hotspotNetwork.SSID;
NSLog(ssid);
NSString *bssid = hotspotNetwork.BSSID;
BOOL secure = hotspotNetwork.secure;
BO
浏览 0提问于2018-08-05得票数 0
我正在学习JavaScript的事件监听器。这是我的代码：
var x = 0;
document.getElementById("myBtn").addEventListener("click", myFunction);
function myFunction() {
x++;
document.getElementById('para').innerHTML = x ;
}
这是HTML：
<body>
<h1>Headline</h1>
<button id="
浏览 4提问于2018-01-03得票数 1
回答已采纳
1回答
当我单击按钮时，下面的代码应该会在网格中显示一个图像。问题是我必须单击按钮两次才能看到图像。我在两个函数调用中都得到了日志输出，即使图像没有出现。到底怎么回事？
编辑:我发现这个问题只有在chrome开发工具打开的时候才会发生，所以它不是javascript的问题。
EDIT2:除了被接受的答案之外，这个链接对我很有帮助：
<html>
<head>
<title>Canvas Test</title>
<script>
function init() {
浏览 0提问于2012-06-08得票数 1
回答已采纳
我使用的是来自JSF的命令按钮。我不知道为什么我不能调用javascript函数。当我单击该按钮时，不会显示任何警告。
<h:commandButton id="login" value="Login" action="login"
onclick="return checkPasswords();" type="Submit" />
我的Javascript函数：
function checkPasswords() {
alert("test");
return
浏览 0提问于2009-12-17得票数 6
回答已采纳
我目前有一个带有itemTemplate的Gridview，它充当调用javascript函数的链接：
<ItemTemplate>
<a href="javascript:;" onclick="simpleCart.add( 'name=<%# Eval("Name") %>' , 'price=<%# Eval("Price") %>' , 'quantity=1' );">Add To Cart<
浏览 1提问于2011-12-03得票数 0
回答已采纳
我正在尝试让JQuery事件与ASP.NET MVC中的分部视图一起工作。但是，在通过Ajax加载部分视图之后，JQuery似乎无法为部分视图中的任何元素触发事件。我怀疑如果您正在使用其他框架或JavaScript库通过Ajax加载部分html代码，也会发生此问题。
例如，考虑以下示例：
控制器：
public class TestController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult LoadParti
浏览 2提问于2010-02-04得票数 26
我在Javascript中有一个点击按钮的动作事件。如果我点击按钮2次，操作的函数处理程序是同时执行还是顺序执行？(两次单击之间的时间比函数处理程序的执行时间快)。
浏览 1提问于2013-04-01得票数 0
我有一个js/jquery对话框，它有一个允许用户选择颜色的html输入按钮。单击该按钮时，应调用javascript函数changeColor。我已经将代码减少到最小集，但是当单击其中一个颜色按钮时，我得到一个html“引用错误:无法找到变量: changeColor”错误。不确定我错过了什么。
function changeColor(themeColor) {
var a = 1;
}
$('#change-theme').on('click', function() {
$('#theme').dialog({
浏览 40提问于2016-09-25得票数 0
我正试着制作一本简单的拉丁文词典。我是JavaScript的新手，所以我尝试用警报函数测试输入标签。在控制台中，单击“翻译”按钮后收到错误消息。错误：“翻译不是一个函数(在‘翻译()’中，‘翻译’是真实的)”。
HTML：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css"
浏览 7提问于2020-12-05得票数 2
回答已采纳
2回答
我已经输入了计算md5的散列值的代码，我希望当用户单击按钮时返回散列值。但是，当我单击按钮时，出现错误"TypeError: coercing to Unicode: need string or buffer，function found“。我尝试将散列值转换为字符串，但没有解决问题。
def openfile():
filename = askopenfilename(parent=root)
f = open(filename)
f.read()
print (filename)
def hashmd5():
md5 = hashlib.md5()
with open(open
浏览 0提问于2015-12-02得票数 0
10回答
按一下功能键两次
、、
我有一个按钮，它使用事件处理程序调用javascript函数。由于某种原因，事件处理程序将被调用两次。
下面是我的按钮(我使用一个php对象来生成代码，这就是为什么有很多空标记)：
<button name="addToCart" value="" size="" onclick="" src="" class="addToCartButton" id="0011110421111" type="button" formtarget="_self"
浏览 0提问于2013-11-18得票数 54
回答已采纳
5回答
请参阅表格代码的以下部分。当我点击“保存1”按钮时，没有任何反应。单击“保存2”按钮时，将显示警报。不确定为什么在单击“保存1”按钮时没有调用“display(”)。
<script type="text/javascript" >
function display()
{
alert("Hello there");
}
</script>
<button id="myFormSubmit1" type="button" class="btn btn-default" onClick
浏览 0提问于2014-04-26得票数 0
我的：
<a id="render-me" href="javascript:void(0);">Render me</a>
<div id="social-facebook"></div>
$('#render-me').click(function (e){
e.preventDefault();
$('#social-facebook').html("<fb:like id='button-facebook'
浏览 2提问于2012-10-11得票数 4
回答已采纳
我们希望在我们的网站上有一个后退按钮，但是javascript中的history.back并没有帮助我们。我们需要这个功能只运行在网站上，如果用户来自其他网站，单击前一个站点上的“返回”按钮不应该返回。
事实上，我们希望返回按钮只运行在我们的网站上。我的代码是
<a href="javascript:history.back();" class="btn btn-danger btn-rounded btn-anim"><i class="fas fa-arrow-left"></i><span clas
浏览 1提问于2018-10-31得票数 1
回答已采纳
3回答
在这里，我首先需要调用一个javascript函数，一段时间后，我需要在同一个按钮单击事件上调用一个c#函数。有可能吗？
<asp:ImageButton ID="imgBTNExportPPT" runat="server" Width="15" Height="15" border="0"
OnClientClick="JavaScript:exportCharts('JPG');" OnClick="imgBTNExportPPT_Click" Im
浏览 1提问于2012-06-27得票数 1
回答已采纳
2回答
我正在致力于一个角形8项目，使用@角/mdc-web作为材料设计的包装。今天，我不得不修复一个围绕错误对话框的错误。该对话框显示一个错误消息，可以通过单击OK按钮关闭。非常直截了当，一切都很有魅力，直到我得到QA人员在我实现后一天报告的问题缺陷。显然，一些UI元素(按钮)在对话框关闭后停止工作。
为了检查这个bug，我订阅了应用程序的中央openDialog函数返回的可观察到的错误，突然这个bug就不再发生了。下面是openDialog函数的相关代码：
const dialogRef: MdcDialogRef<T> = this.dialog.open(
// irrelev
浏览 10提问于2020-08-19得票数 0
回答已采纳
我在这台电脑上(成功地)运行了C# ASP.NET web服务。我可以通过IIS测试LogonUser方法，也可以从测试控制台应用程序调用它。
我还有第二个项目，一个使用jQuery调用web服务的HTML页面。这总是失败，很快我就认为它实际上并没有与服务通信，这让我认为JavaScript中存在语法错误。
我的配置正确了吗？
C# Web方法：
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System
浏览 2提问于2012-01-13得票数 1
回答已采纳
<script type="text/javascript">
function vote(element, val){
prev_vote=0;
vote = 100
can_vote = element.find('.vote-permission').attr('value')
alert(can_vote);
if (can_vote=='yes'){
浏览 0提问于2012-09-19得票数 2
回答已采纳
我有这样的代码：
<html>
<body>
<script>
function myFunction (){
// some javascript
}
document.getElementsByClassName('test')[0].setAttribute("onclick", "myFunction()");
</script>
<button class="test"> Submit Request </button>
</body&
浏览 2提问于2016-02-17得票数 1
回答已采纳
这是页面：
当“告诉别人我在我的facebook墙上买了一本教科书。”选中复选框并单击“请求此教科书”，无论表单输入数据是否有效，它都会尝试在您的facebook墙上发布帖子，并根据需要打开登录对话框或权限对话框。
但是，如果您的浏览器阻止了弹出窗口，则对话框不会显示。我已经在Safari和Firefox中测试过了。
只有当你点击“请求这本教科书”按钮时，javascript才会被触发，但是弹出窗口仍然被阻止，为什么？
(查看源代码，向下滚动，您还将看到以下相关代码。)
<a href="#" class="submit button" onclick=&
浏览 1提问于2011-09-05得票数 6
回答已采纳
参见以下两个示例
<head>
<script language="JavaScript" type="text/javascript">
var mTimer=setTimeout(foo();1000);
</script>
</head>
其他例子
<head>
<script language="JavaScript" type="text/javascript">
var mTimer;
function test(){ mTimer=setTime
浏览 1提问于2016-01-30得票数 0
回答已采纳
1回答
HTML单击提交按钮两次
、、、、
最近，我向表单的元素添加了一个CSS3焦点样式(它垂直增长，以便有更多的编写空间)。但是，现在当用户单击submit按钮时，textarea将失去焦点(并且会缩小)，但是表单不会提交，用户必须再次单击submit。有什么解决办法吗？
表格：
<form name="postForm" id="post_form" onsubmit="return validate()" action="post.php" method="post" enctype="multipart/form-data"&
浏览 2提问于2012-07-28得票数 3
我有个小问题，希望你们能帮我个忙。
在单击一个按钮时，我想用另一个页面的内容更新一个div。
假设homepage.html是这样的：
<html>
<head>
<script type="text/javascript" src="JQUERY.JS"></script>
<script type="text/javascript">
$(function()
{
$(".alert").click(function()
{
浏览 8提问于2011-06-27得票数 0
4回答
我试图简单地发送一封电子邮件到一个硬编码的电子邮件地址作为报告错误按钮的功能。但是，我试图输入到发送电子邮件的php文件中的文本无法传输，并且我的javascript文件中的电子邮件功能是同时发送两封电子邮件。不确定为什么会发生这两种情况。
这是我所有与电子邮件功能相关的代码。
错误页(HTML)
<div data-role="page" id="bug">
<div data-role="header" data-position="fixed">
<h4>Submi
浏览 0提问于2013-06-08得票数 1
回答已采纳
2回答
我在一个aspx页面中有以下JQuery脚本：
<script type = "text/javascript">
$(".Test").click(function() {
alert("JQueryTest");
});
</script>
和一个按钮的声明：
<asp:Button ID="TestButton" cssClass="Test" runat="server" Text="Test" />
该按钮在弹出窗口上成功显示，但是单
浏览 8提问于2013-09-24得票数 1
回答已采纳
1回答
我有一个包含多个字段的表单。单击工具栏上的按钮后，表单将显示在弹出窗口中。在此按钮中，单击事件我为新项目设置了一些默认值。在弹出窗口显示并且用户单击cancel或关闭弹出窗口后，我重置了表单字段的值。如果我想再次添加一个新项目，弹出窗口就会显示出来，但internalNumber字段没有设置默认值，有趣的是，它只为日期设置了默认值。我搞不懂，为什么？我在标记和控制器中以相同的方式设置了这两个编辑器的值。 下面是一个测试示例：https://stackblitz.com/edit/angular-dxpopup-wznhbc
浏览 20提问于2020-07-11得票数 1
回答已采纳
我正在将xbap应用程序加载到iFrame中的.aspx页面中。在xbap应用程序中单击按钮，我想调用一个JavaScript函数，该函数位于加载xbap的页面中。
浏览 3提问于2017-09-26得票数 0
回答已采纳
在我的项目中，我使用easyui，并且我在表格中添加了工具栏。 页首为： <script type="text/javascript" src="jsui/easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
浏览 39提问于2019-03-06得票数 0
2回答
我在表单中有以下输入元素。当表单提交时，我不需要这个字段的值。但是，当我单击表单的submit按钮时，它会给我一个错误：“这是一个必需的字段”。
<input required="false"/>
浏览 2提问于2014-10-02得票数 1
回答已采纳
2回答
我有一个有点奇怪的问题，我想隐藏与任务相比的“创建发票”按钮，所以我尝试了加载项“sale_timesheet”中的代码：
在添加tasks_count**:**时，(它不起作用)
<button name="%(sale.action_view_sale_advance_payment_inv)d" string="Create Invoice"
type="action" context="{'default_advance_payment_method': 'pe
浏览 2提问于2019-04-10得票数 0
当用户单击一个按钮时，我想调用一个函数function(QPushButton button)。我试过connect(myButton, SIGNAL(clicked()), this, SLOT(myFunction(myClass)));，但它不起作用。我可以为插槽执行一个单独的函数，但我需要动态地为用户创建的按钮创建连接。
浏览 2提问于2019-12-27得票数 0
回答已采纳
1回答
段落中的更改
、、
在EventCallback中，当子组件发生变化时，可以在父组件中运行函数。在下面的示例中，子组件正在等待按钮单击，在该单击上，父组件运行所需的函数(未显示父组件)。
如果段落中有变化，是否有类似的方法从父组件运行函数？
<p>Current count: @currentCount</p>
<button @onclick="OnChangeEvent" class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@co
浏览 0提问于2020-09-23得票数 1
回答已采纳
单击该按钮后，javascript将在新选项卡上显示结果。但我希望结果显示在按钮的正下方。
<html>
<body>
<input type="button" id="button1" value="Click Here" onclick="print();"/>
<script type="text/javascript"> //script to do some task
function print()
{
浏览 2提问于2013-01-07得票数 0
我正在用C#编写一些自动化测试，但当我尝试单击一个将提交对web表单所做更改的按钮时，会抛出一个JavaScript错误。我收到的错误是：
An error has occured in the script on this page
Line: 2004
Char: 9
Error: Permission denied
Code: 0
URL: file:///C:/DOCUME~1/nkinney/LOCALS~1/Temp/customProfileDir6c0c7d7226cc463fbb1a7f6253c4df62/core/scripts/selenium-b
浏览 1提问于2010-03-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
