首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >调用双函数OnClientClick

调用双函数OnClientClick
EN

Stack Overflow用户
提问于 2014-02-13 14:13:11
回答 3查看 5K关注 0票数 1

这是我工作代码的一部分

代码语言:javascript
运行
复制
 <asp:LinkButton ID="lnkDel1" Text="Delete" runat="server" OnClientClick="return confirm('Delete this alert?','Confirm');" onClick="lnkDelete1_Click" CssClass="del_lnk" CommandArgument='<%#Eval("ID").ToString()%>' />

现在,我想调用另一个函数bindBlockUI();,它阻止用户在客户端单击UI,这样用户就不会再次单击。

现在,它用两个按钮生成警报:No确认,当我单击时,除了确认调用的事件之外,什么都不会发生。

我想阻止用户一旦用户点击确认从警报框。

如何实现这一目标。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-02-14 07:45:36

现在,我已经做了这样的事情,它的工作非常完美。它也不触发主功能取消从警报框。虽然谢谢你的回答,因为你的回答让我找到了这个答案。

代码语言:javascript
运行
复制
function clearItem() 
{ 
    var result = confirm('Delete this alert?', 'Confirm'); 
    if (result) { 
        bindBlockUI(); 
        return true; 
    } else { 
        return false; 
    }
}
票数 1
EN

Stack Overflow用户

发布于 2014-02-13 14:20:30

首先定义一个通用函数:

代码语言:javascript
运行
复制
function myFunction(){
var o=confirm('Delete this alert?','Confirm');
bindBlockUI();
return o;
}

现在这样称呼它:

代码语言:javascript
运行
复制
<asp:LinkButton ID="lnkDel1" Text="Delete" runat="server" OnClientClick="return myFunction();" onClick="lnkDelete1_Click" CssClass="del_lnk" CommandArgument='<%#Eval("ID").ToString()%>' />
票数 0
EN

Stack Overflow用户

发布于 2014-02-13 14:21:51

如果您定义了一个函数,那么阅读起来就容易多了。

代码语言:javascript
运行
复制
function onClientClick() {
    var result = confirm('Delete this alert?','Confirm');
    bindBlockUI();
    return result;
}

然后:OnClientClick="return onClientClick();"

但是,您确实应该避免使用内联处理程序来支持addEventListener

代码语言:javascript
运行
复制
document.getElementById('lnkDel1').addEventListener('click', onClientClick);

但是,如果使用addEventListener,则必须稍微更改代码,以防止引发默认事件。

代码语言:javascript
运行
复制
function onClientClick(e) {
    if (!confirm('Delete this alert?','Confirm')) e.preventDefault();
    bindBlockUI();
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21756649

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档