Chrome 当创建一个搜索框，搜索标题和内容在谷歌驱动器，点击回车弹出一个额外的嵌入谷歌标签

6uxekuva 于 12个月前发布在 Go

关注(0)|答案(1)|浏览(105)

我正在创建一个高级搜索，用于搜索特定Google Drive文件夹中列出的文件的标题和内容中的术语/单词。搜索本身运行良好，但当我尝试在谷歌网站上创建搜索框时，当我按回车键时，它会在一个新标签中弹出搜索，但它也会弹出一个谷歌网站，只是一个白色屏幕，atari-embeds.googleusercontent.com。我不确定这是否只是你在谷歌无法解决的问题，或者搜索框的代码有问题。

<div class='advSearch'>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<style>
body {
font-family: 'Nunito';font-size: 18px;
}
</style>
<form>
 <input type="text" id='search' onkeypress="handle(runSearch())" />
 <button onclick='runSearch()' style='padding:5px;font-size:10px'>&#128269</button>
</form>
<script>
    function onkeypress(runSearch()) {
        if(event.key === "Enter"){
          alert("Enter was pressed")
          preventDefault();
</script>
<script>
function runSearch() {
let q = document.getElementById("search").value;
window.open('https://script.google.com/a/macros/LINKHIDDENFORPRIVACYPURPOSES/dev/exec?q='+q);
}
</script>

google-chrome

来源：https://stackoverflow.com/questions/76930168/when-creating-a-search-box-that-searches-titles-and-content-within-a-google-driv

1条答案

按热度按时间

h4cxqtbf1#

不需要测试回车键。
如果需要，请使用提交事件。
为什么没有剧本？
您打开的窗口将被广告拦截器阻止，但此窗口不会
（代码段将在SO上被阻止，但不在您的服务器上）

body {
  font-family: 'Nunito';
  font-size: 18px;
}

<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>

<form id="searchForm" target="_blank" action="https://script.google.com/a/macros/LINKHIDDENFORPRIVACYPURPOSES/dev/exec">
  <div class='advSearch'>
    <input type="text" id="q" value="" />
    <button style='padding:5px;font-size:10px'>&#128269</button>
  </div>
</form>

这是一个脚本版本（也被阻止在SO，但不是在您的服务器上）

window.addEventListener("DOMContentLoaded", () => {
  document.getElementById("searchForm").addEventListener("submit", (e) => {
    e.preventDefault();
    let q = document.getElementById("q").value;
    window.open('https://script.google.com/a/macros/LINKHIDDENFORPRIVACYPURPOSES/dev/exec?q=' + q);
  })
})

body {
  font-family: 'Nunito';
  font-size: 18px;
}

<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>

<form id="searchForm" target="_blank" action="https://script.google.com/a/macros/LINKHIDDENFORPRIVACYPURPOSES/dev/exec">
  <div class='advSearch'>
    <input type="text" id="q" value="" />
    <button style='padding:5px;font-size:10px'>&#128269</button>
  </div>
</form>

赞(0）回复(0）举报 12个月前

我来回答

Chrome 当创建一个搜索框，搜索标题和内容在谷歌驱动器，点击回车弹出一个额外的嵌入谷歌标签

1条答案

相关问题

热门标签

最新问答