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

6uxekuva  于 2023-09-28  发布在  Go
关注(0)|答案(1)|浏览(118)

我正在创建一个高级搜索,用于搜索特定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>
h4cxqtbf

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>

相关问题