首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

对于防止按钮重复点击的尝试

导语:随着接触的项目增加,很多项目都是遇到同样的问题,而每次都是使用一贯的手法进行处理。有时候有些方法并不是那么的优雅甚至有些冗余,所以自己也想开始尝试不同的方法去解决同样的问题。...我经常在项目中会遇到按钮重复点击后引起表单的重复点击问题。所以针对这个问题,自己尝试了几种办法分别去解决。直接上代码。 1.粗暴简单办法 直接定义一个变量,每次点击过后等所有操作结束后释放变量。...,都要去关注lock或者loading的重置,总觉的很啰嗦。...进行创建组件的方法,开始了自己的尝试之路。...防抖方法是一个很好限制重复事件频繁触发的,经常用在scroll、resize事件上,也可以尝试用在重复点击上面。

1.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    浅谈ASP.NET的Postback

    , e.CommandArgument);         this.LabelMessage.Text += "; " + message;     } } 我们来运行这个Page,并Click某个按钮...这篇Blog的主旨就是从方法调用的角度讲述整个程序运行的过程:从HTML 被Render到Client端,到用户Click某个按钮,输入被Postback到Server端,并触发两个Event,执行Event...对于一个System.Web.UI.WebControls.Button,默认采用第一种提交方式,但是我们通过设置UseSubmitBehavior属性(这个属性时ASP.NET 2.0新加的,1x没有相应的设置...当用户Click Button2的时候,调用__doPostBack,并传入两个参数:一个代表出发Event的对象的Unique name,也就是Button2的名称,另一个描述Event的额外信息的参数...有兴趣的可以亲自试试,无论Click那个Button,显示的效果都将是下面的样子: ? 接下来我们取消上面的改动,在Server对Code作另一方面的尝试。

    93260

    浅谈ASP.NET的Postback

    , e.CommandArgument);         this.LabelMessage.Text += "; " + message;     } } 我们来运行这个Page,并Click某个按钮...这篇Blog的主旨就是从方法调用的角度讲述整个程序运行的过程:从HTML 被Render到Client端,到用户Click某个按钮,输入被Postback到Server端,并触发两个Event,执行Event...对于一个System.Web.UI.WebControls.Button,默认采用第一种提交方式,但是我们通过设置UseSubmitBehavior属性(这个属性时ASP.NET 2.0新加的,1x没有相应的设置...当用户Click Button2的时候,调用__doPostBack,并传入两个参数:一个代表出发Event的对象的Unique name,也就是Button2的名称,另一个描述Event的额外信息的参数...有兴趣的可以亲自试试,无论Click那个Button,显示的效果都将是下面的样子: ? 接下来我们取消上面的改动,在Server对Code作另一方面的尝试。

    1.2K100

    c#以POST方式模拟提交表单

    WebControls中的Button 和HtmlControls中的Type为submit的HtmlInputButton 这两种按钮最终到客户端的表现形式为: ,这是Form表单的提交按钮,点击以后会作为参数发送到服务端,参数是这样的: 控件的name属性=控件的value...服务端会根据接收到的控件的name属性的这个key来得知是这个按钮被点击了,从而在服务端触发这个按钮的点击事件。 二.    ...—表示触发事件的参数,一般是当某个控件有两个以上的事件时,用来区别是哪个事件 --> 2....—客户端的onchange事件调用__doPostBack,eventTarget 参数为’TextBox1’,表示是name为’TextBox1’控件触发的事件,而TextBox控件只有一个客户端触发的服务端事件

    2.2K90

    在实验 vue3.2中 的时,关于...toRefs的应用尝试

    年龄:{{ age }} 点我 复制代码 那我们都知道在使用script setup时,...我们来试一试 尝试一 首先想到的是在写script setup时我们还可以写普通的script标签 那我们在这个普通的script标签里写setup并定义响应式对象,然后在通过return暴露给组件模板...使用 姓名:{{ name }} 年龄:{{ age }} 点我 复制代码 结果我们发现页面没有获取到值,按钮点击也无反应...,控制台也没有任何报错 得出结论在和 setup{} 两种模式共存时,在 setup{} 中的setup...中定义的任何变量和方法模板都访问不到 此种方式淘汰 尝试二 同样定义两个script标签,只不过第二个普通的script标签我们使用Options Api import

    4.7K20

    JS解决页面刷新导致按钮OnClientClick事件消失问题

    另外如果点击此按钮将其置为不可用状态(this.disabled = true;), 再去调用其它服务器按钮事件,如下图: 图中的发送按钮点击成功后,暂时按钮不可用。...此时去操作其它服务器按钮,如上传图片。则可能会出现不可用按钮恢复可用状态时,点击后直接执行了服务器方法,即 OnClientClick 事件属性消失。...(disabled = true;),即使客户端 JS 返回 return true ,也无法调用服务器方法,需要通过 JS 引用,简单的引用方法,我们可以调用如下代码: __doPostBack(document.getElementById...("sendButton").name, ''); __doPostBack方法由.net 生成并管理,可以调用服务器方法,请注意引用的是元素的 name 而不是 ID,引用此方法还需要在页面头部引用如下属性...Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" %> 当然如果不添加此选项,我们还可以通过模拟调用隐藏服务器按钮的方法

    12510

    Excel实战技巧65: 制作漂亮的用户窗体按钮——当鼠标移动到按钮上时高亮显示

    在很多场合,我们都能看到这样的效果,当鼠标移动到某个元素上面时,该元素会变成另外一种颜色,达到强调的效果。...下面,我们来实现当鼠标移动到用户窗体按钮上时,会使用颜色高亮显示,让用户窗体更生动,如下图1所示。 ? 其实,你在图1中看到的按钮并不是用户窗体内置的传统命令按钮,而是使用图像控件来制作的。...复制一个刚才绘制的图像控件,如下图6所示。 ? 这个图像将代码鼠标不在按钮上时的状态。...编写代码 使用MouseMove事件来响应鼠标的动作,这个事件当鼠标移动到特定控件中时,执行其中的代码。...但是,如果用户将鼠标放置在除这两个按钮之外的其他地方时,我们不希望这两个按钮显示绿色,因此要使用用户窗体的MouseMove事件: Private SubUserForm_MouseMove(ByVal

    8.5K20

    __dopostback的用法

    ID号,第二个参数是事件参数        __doPostBack('LinkButtonID','');        }        接下去我们只需要在动态生成的这个Button控件的onclick...,也就是说这个控件是不存在的,所以我们在调用__doPostBack函数的时 候,便会找不到控件....这里介绍一个常用的函数_doPostBack,这个函数如果如果是ASP.Net render出来的页面就是自动产生这个函数,比如有带autopostback属性的控件,且其属性为true的页面,带编辑列的...__doPostBack 是通过__EVENTTARGET,__EVENTARGUMENT两个隐藏控件向服务端发送控制信息的,__EVENTTARGET为要调用控件的名 称,如果要调用的控件是子控件,用...''$'或':'分割父控件:子控件,__EVENTARGUMENT是调用事件时的参数 下面演示下如何调用后台事件: 1.新建工程 2.拖入一个服务端Button1,一个DropDownList1和一个客户端

    82520

    遇到bug时不要急,自己尝试着解决一下先。其实你可以的

    “然后我现在看不了你的代码,你先尝试着自己解决一下这个问题,实在不行。明天咱们上课的时候,再一起看一看。” //////// 当时我就主观觉得,以他的能力吧,这种内外边距的bug,他应该搞得定。...另外就是当时确实看不了他的代码。然后过了不到五分钟,果然, //////// 然后现在我得空了,就想起了刚才的事情。进而又联想到了许多前端新人在学习时遇到疑难问题时的情况。...在我看来,前端开发技能的学习,第一,就是专业技能的掌握;第二是业务需求的理解与分析能力;第三就是遇到问题时以什么样的思路去分析问题的能力。...是马上找要帮忙,还是先自己分析并尝试解决? 而且这第三点,也在事实上决定了你真正的工作能力到底有多强。...所以遇到问题与bug的时候,内心应该是一种欣喜的态度,因为你每解决一个bug,就意味着你真正的掌握了一部分的专业技能。 最后,只能你能用来解决问题的技术,才是你真正学会的技术。

    752100

    用接口实现事件的一种方法,只是玩玩。

    txt.ID = "Txt_Test";             this.Controls.Add(txt);                          //创建一个HTML的按钮...\n按确定后提交表单");             __doPostBack(me.id,"");         }                      <body...theForm) {                theForm = document.form1;            }            function __doPostBack(eventTarget...只是实现同一个目的(事件)的另一种方法。   这种方法还有很多问题,比如如何解决按钮和接口的对应问题?...(这里就是一个按钮,一个接口,表单提交就是调用了,没有做是否对应的判断)   还有事件冒泡,还有效率、稳定性、可读性、用着是不是方便等问题。   这个只是玩一玩,所以请大家不要较真,呵呵。

    60280

    WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 时加上背景色和按钮方法

    本文来告诉大家如何在 WPF 应用 HOST 了 UWP 的 InkCanvas 控件时,给 InkCanvas 控件设置背景色,加上按钮等业务功能的实现方法 在上一篇博客有告诉大家如何在 WPF 里面使用上...包,请参阅 WPF 引用 UWP 控件 不打包为 MSIX 分发的方法 在开始之前,需要了解的是 UWP 的 InkCanvas 控件是没有背景色这个属性的,也就是说 UWP 的 InkCanvas 控件需要依靠外层的容器或者背后的元素给的颜色作为背景色...UWP 的控件挡住 因此为了给 UWP 的 InkCanvas 控件加上背景色,就需要采用在 WPF 里面 HOST 自定义的 UWP 控件的科技。...UWP 的项目,其中一个是 UWP 的空白应用项目,另一个是 UWP 的控件项目。...让 UWP 的控件项目作为实际的 UWP 自定义控件编写的项目,咱将在 UWP 的控件项目里面完成所有的自定义逻辑 如何创建项目和如何组织,还请参阅 官方文档 本文这里就不多说了 回到如何给 UWP 的

    2.2K20

    HTMLButton控件下的Confirm()

    schemas-microsoft-com:office:office" /> 在ASP.NET中大部分如删除等一些动作为了友好都为添加confirm('')来弹出消息框进行提示,但是HTML控件和WEB控件是否使用的方法是一样的呢...再运行,首先他会提示缺少; 这时打开HTML代码 可以看到 input language="javascript" onclick="javascript:return confirm('ok') __doPostBack...打开HTML你可以看到..它们是怎么回发 打开发现只有LinkButton在href属性中有__doPostBack(),并不是在click事件中所以不会发生上面现象 而其它几个控件则就没有使用__...doPostBack() D、小技巧 在DataGrid中其实可以用更容易的方法来对删除等消息框的处理只要在这里添加 删除 如图 三、总结 通过上面可以看出要添加Attribute时要注意各个控件的区别和差异,添加Attribute要根据各个控件的特性来分别来对待.

    1.3K20
    领券