我是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
任何帮助将不胜感激。
答案 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)
}
}