已解決430363個問題，去搜搜看，總會有你想問的

如何在不使用 Java 腳本單擊按鈕的情況下觸發操作？

首頁猿問如何在不使用 Java...

如何在不使用 Java 腳本單擊按鈕的情況下觸發操作？

JavaScript

qq_笑_17 2022-09-29 16:35:11

我做了一個文本輸入來輸入一些文本并在谷歌上搜索它。<input type="text" placeholder="type search word and press Enter to google" id="text" /><input type="button" id="btn" value="search" onClick="javascript:window.open('https://www.google.com/search?q=' + document.getElementById('text').value);" /><script>var input = document.getElementById("text");input.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); document.getElementById("btn").click(); }});</script>我想擺脫搜索按鈕，并僅通過按Enter鍵集成谷歌搜索功能。我該怎么做？

查看完整描述

3 回答

絕地無雙

TA貢獻1946條經驗獲得超4個贊

小提琴

使用表單和 ES6 語法是最簡單、最有效的方法：

const $form = document.getElementById('form')

const $input = document.getElementById('input')

$form.addEventListener('submit', (evt) => {

evt.preventDefault()

window.open(`https://google.com/search?q=${$input.value}`)

})

</form>

反對回復 2022-09-29

阿晨1998

TA貢獻2037條經驗獲得超6個贊

這是工作演示：https://jsfiddle.net/usmanmunir/t1djucrx/2/

var input = document.getElementById("text");

input.addEventListener("keyup", function(event) {

if (event.keyCode === 13) {

event.preventDefault();

window.open('https://www.google.com/search?q=' + document.getElementById('text').value);

}

});

反對回復 2022-09-29

慕俠2389804

TA貢獻1719條經驗獲得超6個贊

如果要完全刪除按鈕，則只需將按鈕中的代碼放在javascript函數中，并在按下回車鍵時調用該代碼，因此

var input = document.getElementById("text");

input.addEventListener("keyup", function(event) {

if (event.keyCode === 13) {

event.preventDefault();

window.open('https://www.google.com/search?q=' + document.getElementById('text').value);

}

});

</script>

反對回復 2022-09-29

3 回答
0 關注
95 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在不使用 Java 腳本單擊按鈕的情況下觸發操作？

如何在不使用 Java 腳本單擊按鈕的情況下觸發操作？

3 回答

小提琴

添加回答

如何在不使用 Java 腳本單擊按鈕的情況下觸發操作？