IE6下链接onclick事件处理中的请求被aborted
2010-02-10 13:14
399 查看
开发中常使用<a>标签代替button,好处在于可以利用a:hover样式做mouseover效果,但下面的代码在IE6下就有问题,onclick中的请求被aborted。
<a href="javascript:void(0);" onclick="$('current').src='images/001.jpg';">切换图片</a>,IE6下图片不显示。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();">关注此人</a>,IE6下请求失败。
点击链接时先触发onclick事件后执行href,这里的void(0)把onclick发送的请求给终止了。这个bugs在IE7中已经修复。
解决方法:
1. 不使用onclick,但必须保证处理函数不返回值,否则浏览器将清空页面,只显示函数的结果。如果checkAttention返回false,浏览器中就会显示false。
<a href="javascript:MyJrjRelation.checkAttention();">关注此人</a>
<a href="javascript:void(MyJrjRelation.checkAttention());">关注此人</a> void返回undefined;
2. 在onclick上加return false阻止浏览器执行href。href属性还是必须的,否则链接就样式失效了。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">关注此人</a>
总结来说<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">的兼容性最好。
<a href="javascript:void(0);" onclick="$('current').src='images/001.jpg';">切换图片</a>,IE6下图片不显示。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();">关注此人</a>,IE6下请求失败。
点击链接时先触发onclick事件后执行href,这里的void(0)把onclick发送的请求给终止了。这个bugs在IE7中已经修复。
解决方法:
1. 不使用onclick,但必须保证处理函数不返回值,否则浏览器将清空页面,只显示函数的结果。如果checkAttention返回false,浏览器中就会显示false。
<a href="javascript:MyJrjRelation.checkAttention();">关注此人</a>
<a href="javascript:void(MyJrjRelation.checkAttention());">关注此人</a> void返回undefined;
2. 在onclick上加return false阻止浏览器执行href。href属性还是必须的,否则链接就样式失效了。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">关注此人</a>
总结来说<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">的兼容性最好。
相关文章推荐
- IE6下链接onclick事件处理中的请求被aborted
- IE6下链接onclick事件处理中的请求被aborted
- IE6下链接onclick事件处理中的请求被aborted
- IE6下链接a的onclick事件点击无反应的处理方法
- IE6下链接a的onclick事件失效
- IE6下链接ONCLICK事件处理中的请求被ABORTED
- IE6—在链接click事件的响应函数中发送jsonp请求不生效
- 动态创建按钮及处理OnClick事件
- 基于管道化和事件驱动模型的Web请求处理(一)
- 在IE6、8中 <a>、button点击事件(onclick)没得反应经验总结
- label标签onclick的事件处理
- 微信小程序目录结构、事件处理、网络请求
- TextView将链接替换为文字,点击文字还是点击链接效果,可以自己处理链接点击事件
- jquery ajax 请求 封装 成事件处理
- 标签响应javascript的href处理(不响应链接href,响应onclick,避免跳到页首)
- 转发链接:微信公众平台开发(三) 订阅事件(subscribe)处理
- IE6中window.onresize事件的处理
- IE6下onclick事件失效问题
- Android开发随记(2)-- onClick事件统一处理、系统界面跳转
- Android 事件分发 OnClickListener 和 OnTouchListener 的事件处理原理简单描述