WEB前端问题——img标签的onclick事件无法响应问题【转载】

一个纠结了一下午的问题,img标签里面的onclick事件无法响应。最终找到了错误原因,是因为img标签的id与onclick事件的方法名相同。

于是接着又测试了一下,发现name名和方法名相同也会导致该错误。

<script type="text/javascript">
function minus() {
alert("message")
}
</script> <img alt="减少" id="minus" src="data:images/_h.png" width="35" onclick="minus()" /> <script type="text/javascript">
function minus() {
alert("message")
}
</script> <img alt="减少" name="minus" src="data:images/_h.png" width="35" onclick="minus()" />

这样不仅会导致img的onclick事件无法响应,同时会导致页面上的其他标签也无法正常响应事件。但是其他标签比如button,input中的text标签等的id与事件同名则不会导致该问题。原因不明,推测该问题会导致浏览器出错。

上一篇:解决IE6下a标签的onclick事件里的超链接不跳转问题


下一篇:ie8 background背景图片不显示问题