我做了一個函式來獲取文本輸入值并將其顯示在標簽中，它確實有效，但是當輸入一個大值作為“Engenheiro”時，我得到了這個：
這是我的代碼：
function funcaoProfissao()
{
var a = document.getElementById('profissao')
var b = document.getElementById('lblprofissao');
b.innerHTML = a.value;
} <input class="inputfield" type="text" style="font-size: 22pt; color:grey;" name="profissao" id="profissao" onkeyup="funcaoProfissao()"><br>
<h3 class="blue negrito">Bacana! Conhecemos e damos consultoria para muitos
<label class="blue negrito" id="lblprofissao"></label> (es/s) que <br>
também priorizam viagens e férias como você!! :D
</h3>我是 stackoverflow 的新手，所以我之前對我的問題的任何錯誤或錯誤感到抱歉。
uj5u.com熱心網友回復：
您的代碼有 5 個問題。只有第一個直接對您的問題負責；所以你從這里提問可以學到更多，我還在你的代碼中添加了另外 4 個問題，以及一個解釋。
=您需要將=輸入的值重新分配給標簽，而不是附加。（a = 1實際上是指a = a 1）。- 不要使用行內樣式。將 CSS 放在外部樣式表中。
- 不要使用行內事件偵聽器，
addEventListener而是使用。這還允許您this在事件處理函式內部使用偵聽器系結到的元素。 - 不要聽
keyup；input元素提供了一個input事件，這是這里的高級事件。 - 永遠不要將未經消毒的用戶輸入分配給
innerHTML!!textContent改為使用它，并且僅當您要分配的字串應決議為 HTML 時才使用 innerHTML。
function funcaoProfissao() {
document.getElementById('lblprofissao').textContent = this.value;
}
document.getElementById('profissao').addEventListener('input', funcaoProfissao);#profissao {font-size: 22pt; color:grey;}<input class="inputfield" type="text" name="profissao" id="profissao" ><br>
<h3>Bacana! Conhecemos e damos consultoria para muitos
<label id="lblprofissao"></label> (es/s) que <br> também priorizam viagens e férias como você!! :D
</h3>uj5u.com熱心網友回復：
而不是 =僅=像這樣使用b.innerHTML = a.value來顯示值：
function funcaoProfissao() {
var a = document.getElementById('profissao')
var b = document.getElementById('lblprofissao');
b.innerHTML = a.value;
}<input class="inputfield" type="text" style="font-size: 22pt; color:grey;" name="profissao" id="profissao"
onkeyup="funcaoProfissao()"><br>
<h3 class="blue negrito">Bacana! Conhecemos e damos consultoria para muitos
<label class="blue negrito" id="lblprofissao"></label> (es/s) que <br>
também priorizam viagens e férias como você!! :D
</h3>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/388461.html
標籤：javascript html