提供zblog模板_zblog主題_wordpress模板的下載和定制

一個輸入框調用多個搜索引擎的js代碼

天興工作室 2019-08-17 網頁特效 2097 1 評論


要實現的方法是這樣的:

一個輸入框調用多個搜索引擎的js代碼 js代碼 搜索引擎 網頁特效 第1張

一個輸入框輸入關鍵詞,可以調用多個搜索引擎搜索,實現代碼是如下:

<div class="search clearfix">
    <input type="text" name="q" id="bdcsMain" value="輸入關鍵詞搜索" onfocus="if (value =='輸入關鍵詞搜索'){value =''}" onblur="if (value ==''){value='輸入關鍵詞搜索'}" >
    <button class="search-bd" type="submit" onclick="window.open('https://www.baidu.com/s?wd='+document.getElementById('bdcsMain').value)">百度</button>
    <button class="search-tb" type="submit" onclick="window.open('http://ai.taobao.com/search/index.htm?pid=mm_你的淘寶pid&amp;key='+document.getElementById('bdcsMain').value)">淘寶</button>
    <button class="search-by" type="submit" onclick="window.open('http://cn.bing.com/search?q='+document.getElementById('bdcsMain').value)">必應</button>
</div>

再加上一段js代碼可以實現按回車鍵默認調用第一個搜索:

<script>
    $("#bdcsMain").keydown(function (e) {//當按下按鍵時  
        if (e.which == 13) {//.which屬性判斷按下的是哪個鍵,回車鍵的鍵位序號為13  
            $('button.search-bd').trigger("click");//觸發搜索按鈕的點擊事件  
        }  
    });  
</script>

css效果可以根據自己需求寫,搜索引擎數量也沒啥限制。


沒有找到解決你問題的教程?

您可以試著搜索一下或者直接在線提問。我們也提供收費技術支持,有需要可以在線聯系我們。

在線提問 在線客服

1 位網友評論:

取消回復歡迎 發表評論:

  • 請填寫驗證碼
  • 最新文章
  • 熱文排行
  • 最多評論
標簽聚合

社交賬號登錄

將本文分享給你的朋友們

千炮捕鱼电玩城外挂 内部半波中特免费公开 湖北11选5前三 浙江十一选五定牛走势图 11选五开奖吉林省 炒股怎么炒才能赚钱 彩票浙江的十一选五 澳门特选六肖六码 内蒙11远5开奖结果 湖北今日快三开奖号码 河南22选5号码遗漏 研究3d跨度技巧规律 排列五势图综合版走势图 江西多乐彩走势图遗漏 安徽快三推荐预测分析 000048股票行情 河北快3走势图形态