html主动触发控件事件,HTML事件的控件触发 (转)

HTML事件的控件触发 (转)[@more@]

一个朋友问了我一个问题，颇有意思

问题是这样的，一个页面上有一个的Button，为什么在Page_Load里加上了

Button1.Attributes["onclick"]="script:return window.confirm('请确定输入无误？');";

却弹不出确认对话框。

因为是在上交流的，我给他测试了一下，语句没有一点问题，还以为是 出了问题。不过一想这主要是用，问题不应该出在framework上。

Button服务器控件发送到客户端后的html标记为

上面那条语句的原理也就是发送到客户端后在input标记中加入

οnclick="javascript:return window.confirm('请确定输入无误？');"

以弹出确认对话框

我让他通过“查看源”，得到了发送到客户端的button标记

发现其中有两个onclick事件，仔细一问把原因搞清楚了

他在页面上还有一个RequiredFieldValidator，而RequiredFieldValidator的原理也是给所有CausesValidation="True"的Button加上

οnclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); "

因此，出现了两个onclick，IE只响应了第一个onclick。如果把Button设为CausesValidation="False"，确认对话框就可以弹出来了。

现在问题变成了在一个带有RequiredFieldValidator的页面上，怎么让CausesValidation="True"的按钮弹出确认对话框

我做了第一次尝试，在一个新的页面，用下面的语句测试

Button2.Attributes["onclick"]="alert('Sure!');";

Button2.Attributes["onclick"]+="javascript:return window.confirm('请确定输入无误？');";

发送到客户端后为

也就是两个onclick语句合到了一起，正常显示

但是，我想用相应的方法时加到Button1时

Button1.Attributes["onclick"]+="javascript:return window.confirm('请确定输入无误？');";

很遗憾，还是出现两个onclick，这么做还是不行。我想这可能是RequiredFieldValidator的特殊机制吧。

又仔细看了一下RequiredFieldValidator控件的原理，在一个含有RequiredFieldValidator控件的页面上，RequiredFieldValidator控件发送到客户端后生成一些javascript，CausesValidation="True"的Button只比CausesValidation="False"的Button多了一句οnclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); "，即相应的javacript代码在客户端验证，明白了这点

我又做了如下修改

把Button1设CausesValidation="False"，在Page_Load里

Button1.Attributes["onclick"]="javascript:if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate();return window.confirm('请确定输入无误？');";

这一次成功了，既弹出了确认对话框，也进行了RequiredFieldValidator的验证

不过这样的话每次都要弹出确认对话框，我想进一步改进，让它先进行RequiredFieldValidator的验证，如果通过，再弹出对话框，又稍稍做了如下修改

Button1.Attributes["onclick"]="javascript:if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate();if(Page_ClientValidate()) return window.confirm('请确定输入无误？');";

各位兄弟可以试试，看看还有什么更好的办法：)

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/10752043/viewspace-961192/，如需转载，请注明出处，否则将追究法律责任。