FireFox 1.5的兼容性问题

     最近有朋友反映博客园首页左边的Google站内搜索在FireFox 1.5中有问题,点击“搜索”按钮没有反应,而在搜索框中通过回车键可以进行搜索。
     这个搜索功能以前在IE与FireFox都能正常使用,我在FireFox 1.0.7中测试没问题。然后我下载安装了FireFox 1.5.3,测试了一下,果然有问题。
     Google站内搜索的主要代码是这样写的:
< script  language ="JavaScript" >
function  SearchGoogle(key,evt)
        {
            
if (evt.keyCode == 13   ||  evt.keyCode == 0  )
            {
                
var  keystr  =  encodeURIComponent(key.value);
                url 
=   " http://www.google.com/search?q= " ;
                url 
=  url + keystr;
                window.location 
= url;
            }
        }
</ script >
< H2 > Google站内搜索 </ H2 >
< h4 >< input   type ="text"  name ="q"  onkeydown ="SearchGoogle(q,event)" >< input  onclick ="SearchGoogle(q,event)"  type ="button"  value ="搜索"  name ="sa" ></ h4 >
     当时正因为考虑到FireFox的兼容性,才通过方法参数传递事件,现在反而是FireFox带来了兼容性问题。以前在FireFox中,点击按钮,evt.keyCode的返回值是0,现在在FireFox 1.5中的返回值却是undifined,问题就出在这里,这么一个很小的兼容性问题也许会给用户带来不少的麻烦,会造成在以前版本的FireFox中正常使用的功能却在FireFox 1.5中不能使用。期待FireFox在兼容性方面做得更好,尤其是与IE的兼容性,这样会方便网站的设计人员,减轻他们考虑兼容两种浏览器的负担。
     对于这个问题的解决方法,只要稍微增加一点代码,对evt进行另外的判断就行了。
< script  language ="JavaScript" >
function  SearchGoogle(key,evt)
        {
            
if (evt.keyCode == 13   ||  evt.keyCode == 0   ||  evt.type  == 'click')
            {
                
var  keystr  =  encodeURIComponent(key.value);
                url 
=   " http://www.google.com/search?q= " ;
                url 
=  url + keystr;
                window.location 
= url;
            }
        }
</ script >
< H2 > Google站内搜索 </ H2 >
< h4 >< input   type ="text"  name ="q"  onkeydown ="SearchGoogle(q,event)" >< input  onclick ="SearchGoogle(q,event)"  type ="button"  value ="搜索"  name ="sa" ></ h4 >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值