Javascript 按键即时结果填充_Javascript_C#_Jquery_Google Search_Google Search Api

Javascript 按键即时结果填充

javascript c# jquery

Javascript 按键即时结果填充,javascript,c#,jquery,google-search,google-search-api,Javascript,C#,Jquery,Google Search,Google Search Api,嗨，我需要一些像下图这样的东西我已经实现了代码，但它只是像自动填充一样我无法填充结果。我已经实现了如下的谷歌代码 <script> (function () { var cx = '011189415628571362123:google'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gc

嗨，我需要一些像下图这样的东西

我已经实现了代码，但它只是像自动填充一样

我无法填充结果。我已经实现了如下的谷歌代码

<script>

(function () {
    var cx = '011189415628571362123:google';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
   })();


<gcse:search enableautocomplete="true"></gcse:search>


（功能（）{
var cx='011189415628571362123:google'；
var gcse=document.createElement（'script'）；
gcse.type='text/javascript'；
gcse.async=true；
gcse.src=https://cse.google.com/cse.js?cx=“+cx；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（gcse，s）；
})();

我需要的是像谷歌展示那样的即时结果

您好，我做了更改，但我仍然没有得到结果，请查看下图


（函数（$，窗口）{
var elementName=''；
var initGCSEInputField=函数（）{
$（'.gcse container form.gsc-search-box input.gsc input'）
.开启（“键控”，功能（e）{
如果（e.which==13）{//13=输入
var searchTerm=$.trim（this.value）；
如果（搜索术语！=''）{
console.log（“输入检测到的搜索词：“+searchTerm”）；
//在此处输入键盘的自定义代码
}
}
});
$（'.gcse container form.gsc-search-box input.gsc search button'）
.在“点击”时，功能（e）{
var searchTerm=$.trim（$（'.gcse container form.gsc-search-box input.gsc input'）.val（））；
如果（搜索术语！=''）{
日志（“搜索按钮点击检测到搜索词：“+searchTerm”）；
//执行搜索按钮的自定义代码单击此处
}
});
};
var GCSERender=函数（）{
google.search.cse.element.render({
部门：“gcse_集装箱”，
标签：“搜索”
});
initGCSEInputField（）；
};
var GCSECallBack=函数（）{
如果（document.readyState=='complete'）{
GCSERender（）；
}
否则{
setOnLoadCallback（函数（）{
GCSERender（）；
}，对）；
}
};
窗口。\uuu gcse={
parsetags:'显式'，
回调：GCSECallBack
};
})（jQuery，窗口）；
（功能（）{
var cx='017643444788069204610:4gvhea_mvga'；//在此处插入您自己的自定义搜索引擎ID
var gcse=document.createElement（'script'）；gcse.type='text/javascript'；gcse.async=true；
gcse.src=https://www.google.com/cse/cse.js?cx=“+cx；
var s=document.getElementsByTagName（'script'）[0]；s.parentNode.insertBefore（gcse，s）；
})();

以下代码片段将填充每次击键的结果。单击

运行代码片段

按钮，然后单击

全页

按钮以获得更好的视图，然后检查它是否满足您的要求。它使用。研究该文档以便进一步定制

（函数（$，窗口）{
var elementName=''；
var lastSearchTerm=''；
var initGCSEInputField=函数（）{
$（'.gcse container form.gsc-search-box input.gsc input'）
.开启（“键控”，功能（e）{
如果（e.which==13）{
//13=输入，根据需要在输入时执行自定义代码
控制台日志（“检测到输入”）；
}
否则{
if（elementName==''）{
//假设页面上只有一个搜索元素
var elements=google.search.cse.element.getAllegements（）；
for（元素中的变量元素）{
elementName=元素；
if（elementName！=''）{
打破
}
}
}
if（elementName！=''）{
//在每次击键时搜索
var searchTerm=$.trim（this.value）；
if（searchTerm！=lastSearchTerm）{
//console.log（searchTerm）；
google.search.cse.element.getElement（elementName）.execute（searchTerm）；
lastSearchTerm=searchTerm；
}
}
} 
});
};
var GCSERender=函数（）{
google.search.cse.element.render({
部门：“gcse_集装箱”，
标签：“搜索”
});
initGCSEInputField（）；
};
var GCSECallBack=函数（）{
如果（document.readyState=='complete'）{
GCSERender（）；
}
否则{
setOnLoadCallback（函数（）{
GCSERender（）；
}，对）；
}
};
窗口。\uuu gcse={
parsetags:'显式'，
回调：GCSECallBack
};
})（jQuery，窗口）；
（功能（）{
var cx='017643444788069204610:4gvhea_mvga'；//在此处插入您自己的自定义搜索引擎ID
var gcse=document.createElement（'script'）；gcse.type='text/javascript'；gcse.async=true；
gcse.src=https://www.google.com/cse/cse.js?cx=“+cx；
var s=document.getElementsByTagName（'script'）[0]；s.parentNode.insertBefore（gcse，s）；
})();
以下代码片段将填充每次击键的结果。单击运行代码片段
按钮，然后单击全页
按钮以获得更好的视图，然后检查它是否满足您的要求。它使用。研究该文档以便进一步定制

（函数（$，窗口）{
var elementName=''；
var lastSearchTerm=''；
var initGCSEInputField=函数（）{
$（'.gcse container form.gsc-search-box input.gsc input'）
.开启（“键控”，功能（e）{
如果（e.which==13）{
//13=输入，根据需要在输入时执行自定义代码
控制台日志（“检测到输入”）；
}
否则{
if（elementName==''）{
//假设页面上只有一个搜索元素
var elements=google.search.cse.element.getAllegements（）；
 <head>

 <title></title>

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

   <script>

      (function ($, window) {
        var elementName = '';
        var initGCSEInputField = function () {
            $('.gcse-container form.gsc-search-box input.gsc-input')
            .on("keyup", function (e) {
                if (e.which == 13) { // 13 = enter
                    var searchTerm = $.trim(this.value);
                    if (searchTerm != '') {
                        console.log("Enter detected for search term: " + searchTerm);
                        // execute your custom CODE for Keyboard Enter HERE
                    }
                }
            });
            $('.gcse-container form.gsc-search-box input.gsc-search-button')
            .on("click", function (e) {
                var searchTerm = $.trim($('.gcse-container form.gsc-search-box input.gsc-input').val());
                if (searchTerm != '') {
                    console.log("Search Button Click detected for search term: " + searchTerm);
                    // execute your custom CODE for Search Button Click HERE
                }
            });
        };
        var GCSERender = function () {
            google.search.cse.element.render({
                div: 'gcse_container',
                tag: 'search'
            });
            initGCSEInputField();
        };
        var GCSECallBack = function () {
            if (document.readyState == 'complete') {
                GCSERender();
            }
            else {
                google.setOnLoadCallback(function () {
                    GCSERender();
                }, true);
            }
        };
        window.__gcse = {
            parsetags: 'explicit',
            callback: GCSECallBack
        };
    })(jQuery, window);

     (function () {
        var cx = '017643444788069204610:4gvhea_mvga'; // Insert your own Custom Search engine ID here
        var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
        gcse.src = 'https://www.google.com/cse/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
    })();
 </script>
 </head>
 <body>  
  <div class="gcse-container" id="gcse_container">
     <gcse:search enableautocomplete="true"></gcse:search>
  </div>
</body>