Question

我是JavaScript的新手，我试图将单击按钮的文本内容保存到变量中，我知道它是可能的，但我不知道该怎么做。

<div class="keyrow">
<button>q</button>  
<button>w</button>  
<button>e</button>  
<button>r</button>
<button>t</button>  
<button>y</button>  
<button>u</button>  
<button>i</button>
<button>o</button>  
<button>p</button>
</div>

我在想这样的事情

let keypress = document.querySelector('.keyrow').onclick;

keypress = keypress.textContent

任何帮助将不胜感激。

Answer 1

document.querySelector('.keyrow').onclick = function(event) {
  var a = event.target.innerHTML;
  console.log(a);

}

<div class="keyrow">
<button>q</button>  
<button>w</button>  
<button>e</button>  
<button>r</button>
<button>t</button>  
<button>y</button>  
<button>u</button>  
<button>i</button>
<button>o</button>  
<button>p</button>
</div>

Answer 2

例如，如果您的变量是q代表q，则添加它。

<button onclick="saveVariable(q);" id="q">q</button>

Javascript：

 var saveletter;
function saveVariable(letter){
 saveletter=letter;
console.log(saveletter)
}

另外，让我们不要var。将函数的参数更改为需要保存到变量的任何内容。希望这会有所帮助。

Answer 3

@ karthick-s的答案更好，但是如果您想进一步探索，请把我的答案留在这里。

尝试这个：

    // Loop through all buttons inside keyrow
    document.querySelectorAll('.keyrow button').forEach((button) => {
        // Add listener to click event on all of those button
        button.addEventListener('click', (event) => {
              console.log(event.target.textContent); // content of the button - you can do anything with this here.
        });
    });

Answer 4

let obj = document.getElementById("keyro");
let vari;
obj.addEventListener('click',function(event){
   vari  = event.target.textContent;
   alert(vari);
});

<div class="keyrow" id="keyro">
<button>q</button>  
<button>w</button>  
<button>e</button>  
<button>r</button>
<button>t</button>  
<button>y</button>  
<button>u</button>  
<button>i</button>
<button>o</button>  
<button>p</button>
</div>

Answer 5

    var bb = document.querySelectorAll('.keyrow > button');
    for(let i=0;i<bb.length;i++) {
    bb[i].onclick = function(event) {
      console.log(event.target.value)
    }
    }

如何将点击按钮的文本内容保存到变量

5 个答案: