关于ie6的a标签的那点事

遇到一个很郁闷的问题,为了方便写了一段这样类型的html+js:

	<a οnclick="hello();" href="javascript:void(0)" >hello</a>
	<script>
		function hello(){
		    /*do something*/
		}
	</script>
在chrome和firfox、ie7、8都没问题,但是在ie6上面点击事件触发后hello函数不执行。

没办法只好做了个测试,用htmlwatch查看,发现在ie6上面hello里面的网络请求全都被阻止了,不执行了

搞了几个测试之后,我发现:

a标签click事件触发的顺序是先触发onclick事件然后再触发href,但是在ie6中,如果href为javascript:void(0)的话,点击之后hello函数没有触发,而且url变成了javascript:void(0)

也就是说ie6先触发了href链接然后再触发click事件,但是我们将href写成javascript:void(0)也就是相当于写了一个return false(个人理解,是不是这样有待考究)这样终止了事件的冒泡也就是click只触发了href而后就被终结

然后我将href换成href="#",点击,这次就触发了click事件,但是在ie test中的ie6还是一样不触发,但是有没有报错,这大概是跟ie test的内核有关吧。。。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值