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

按鈕點擊功能不會設置選項卡標題（劑量僅為一秒鐘）

首頁猿問按鈕點擊功能不會設置選項卡標題（劑...

按鈕點擊功能不會設置選項卡標題（劑量僅為一秒鐘）

JavaScript

蝴蝶不菲 2022-09-02 10:36:42

<form><p>Enter Title Text:</p><input type="text"><button onclick="hello()">Submit</button></form></body><script>function hello() { document.querySelector("title").textContent = document.querySelector("input").value;}我的目的是讓選項卡標題更改為用戶在單擊按鈕時輸入的文本。我認為它正在起作用，但只是在一瞬間，然后又變回來了。任何幫助都非常感謝。謝謝！

查看完整描述

2 回答

元芳怎么了

TA貢獻1798條經驗獲得超7個贊

這是解決方案：-

<p>Enter Title Text:</p>

<button onclick="hello()">Submit</button>

</form>

function hello() {

document.querySelector(".title").innerHTML =

document.querySelector("input").value;

}

首先，您需要通過使用 preventDefault 來防止表單的默認行為，或者只是省略表單標記，它在兩種情況下的工作方式相同，以便使用按鈕

的“onclick”事件然后，為了獲得所需的結果，您可以使用innerHTML，就像我在這里使用的那樣。

反對回復 2022-09-02

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

將按鈕的類型更改為“按鈕”，因此單擊它不會提交表單。表單中按鈕的默認類型是“提交”，這將導致它提交表單，從而在單擊頁面時重新加載頁面。顯式設置類型可防止此行為。

請參見：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

<button type="button" onclick="hello()">Submit</button>

function hello() {

document.querySelector("#result").textContent = "Title text is: " + document.querySelector("input").value;

}

<form>

<p>Enter Title Text:</p>

<button type="button" onclick="hello()">Submit</button>

</form>

</p>

反對回復 2022-09-02

2 回答
0 關注
123 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

按鈕點擊功能不會設置選項卡標題（劑量僅為一秒鐘）

按鈕點擊功能不會設置選項卡標題（劑量僅為一秒鐘）

2 回答

添加回答