zoukankan      html  css  js  c++  java
  • Firefox中Javascript使用event对象需要注意的问题

        最近,有人向我反映,用Firefox访问博客园,无法使用搜索,输入搜索内容后无法提交。博客园的搜索功能是通过javascript提交的,代码如下:

    <script language="JavaScript">
    function SearchGoogle(key,evt)
            
    {
                
    if(event.keyCode==13 || event.keyCode==0)
                
    {
                    
    var keystr = encodeURIComponent(key.value);
                    url 
    = "http://www.google.com/search?q=";
                    url 
    = url+keystr;
                    url 
    += "&ie=UTF-8&oe=GB2312&hl=zh-CN&domains=www.cnblogs.com&sitesearch=www.cnblogs.com";
                    window.location
    =url;
                    
                }

            }

    </script>
    <H2>Google站内搜索</H2>
    <h4><input style="WIDTH: 130px" type="text" name="q" onkeydown="SearchGoogle(q)">&nbsp;<input onclick="SearchGoogle(q)" type="button" value="搜索" name="sa">
    </h4>


    这样的代码在IE中可以正常运行,但在Firefox中却出现event is not defined的错误。
    因为在Firefox中使用了不同的事件对象模型,不同于IE Dom,用的是W3C Dom。
    解决方法请看如下代码:

    <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;
                    url 
    += "&ie=UTF-8&oe=GB2312&hl=zh-CN&domains=www.cnblogs.com&sitesearch=www.cnblogs.com";
                    window.location
    =url;
                    
    return;
                }

            }

    </script>
    <H2>Google站内搜索</H2>
    <h4><input style="WIDTH: 130px" type="text" name="q" onkeydown="SearchGoogle(q,event)">&nbsp;<input onclick="SearchGoogle(q,event)" type="button" value="搜索" name="sa">
    </h4>


  • 相关阅读:
    一个例子讲明爬虫请求库requests
    SpringBoot【六】 Shiro
    SpringBoot【五】 Spring Security
    SpringBoot【四】 任务
    Swagger
    SpringBoot【三】 整合 JDBC、Druid、MyBatis
    SpringBoot【二】 SpringBoot 配置
    SpringBoot【一】入门程序及原理分析
    SpingBoot 相关问题:启动 web 项目之后出现 java.lang.UnsatisfiedLinkError: D:Tomcatapache-tomcat-9.0.36in cnative-1.dll
    SpringBoot 相关问题:IDEA 创建 SpringBoot 项目时出现 Initialization failed for 'https://start.spring.io' 问题
  • 原文地址:https://www.cnblogs.com/dudu/p/105400.html
Copyright © 2011-2022 走看看