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

时间:2019-01-10 03:44:03

标签: javascript

我是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

任何帮助将不胜感激。

5 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

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

Javascript:

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

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

答案 2 :(得分:0)

@ 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.
        });
    });

答案 3 :(得分:0)

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>

答案 4 :(得分:0)

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