最近在写一个表单提交时遇到了一个很神奇的bug,input标签的点击事件不响应了,这是为什么?onclick事件这么常用,怎么就失效了呢?
这是我的表单页面
可是怎么都点击不了选择咨询类别,真是令我百思不得其解
检查了半天代码,似乎也并没有什么错误
好吧,看来只能百度,百度不行继续Google,最终在stackoverflow上找到了答案,原来是因为 input标签的id和onclick事件调用的方法不能同名,而我都写成了chooseType
那么我们把onclick调用的方法名换一换,看看是不是就可以解决了
为什么会出现这样的状况呢?我个人的推测是因为当用户点击input标签时想输入内容时,已经触发了一个同名的方法来将游览器的焦点集中在input标签上,而此时如果你调用一个和input id相同的方法,游览器便不知道你到底是需要调用哪一个方法而默认调用往input标签输入内容的那个
不过我想最完美的解决办法还是用jQuery为input标签绑定点击事件吧,毕竟在有的情况下,HTML自带的onclick事件是会失效的