美文网首页
input标签点击事件无效

input标签点击事件无效

作者: LeoLeeYEAH | 来源:发表于2017-04-28 18:06 被阅读1621次

最近在写一个表单提交时遇到了一个很神奇的bug,input标签的点击事件不响应了,这是为什么?onclick事件这么常用,怎么就失效了呢?

这是我的表单页面

表单页面

可是怎么都点击不了选择咨询类别,真是令我百思不得其解

HTML JS

检查了半天代码,似乎也并没有什么错误

好吧,看来只能百度,百度不行继续Google,最终在stackoverflow上找到了答案,原来是因为 input标签的id和onclick事件调用的方法不能同名,而我都写成了chooseType

input id 和 onclick 调用的方法名相同

那么我们把onclick调用的方法名换一换,看看是不是就可以解决了

onclick调用的方法名改成chooseTypeFun JS 搞定

为什么会出现这样的状况呢?我个人的推测是因为当用户点击input标签时想输入内容时,已经触发了一个同名的方法来将游览器的焦点集中在input标签上,而此时如果你调用一个和input id相同的方法,游览器便不知道你到底是需要调用哪一个方法而默认调用往input标签输入内容的那个

不过我想最完美的解决办法还是用jQuery为input标签绑定点击事件吧,毕竟在有的情况下,HTML自带的onclick事件是会失效的

相关文章

网友评论

      本文标题:input标签点击事件无效

      本文链接:https://www.haomeiwen.com/subject/vedazttx.html