我有四個按鈕，我想讓它們回傳一個值：0、1、2、3，這取決于點擊的按鈕的索引。
例如，當我點擊第二個按鈕的時候
console.log(function());將輸出1
也許是這樣的吧
click[1].addEventListener("click" /span>, jon)
click[2].addEventListener("click", jon) 。
click[3].addEventListener("click", jon) 。
function jon(){return 0;}。
function jon(){return 1;}。
function jon(){return 2;}。
function jon(){return 3;}。
console.log(jon()) 。
uj5u.com熱心網友回復：
你可以在這里使用data-attribute。當你點擊按鈕時，你可以從e.target獲得dataset的值。
const buttons = document. querySelectorAll("button") 。
function clickHandler（e） {
const value = e.target.dataset.value。
console.log(`button${value} is clicked`) 。
}
for (let button of buttons) {
button.addEventListener("click"/span>, clickHandler)
}< button data-value="0">button0</button>
<button data-value="1"/span>> button1</button>。
<button data-value="2"/span>> button2</button>。
<button data-value="3"/span>> button3</button> uj5u.com熱心網友回復：
你可以試試這個方法：
let myButtonSet = document. getElementsByClassName("myButton") 。
let myClickedButton;
for(i=0; i<myButtonSet.length; i ) {
myButtonSet[i].setAttribute('onclick', `clicked(${i})`)
}
function clicked（e） {
console.log(`Button ${e} clicked! `)。
myClickedButton = e;
}
function lastClicked（） {
console.log(`Index of last clicked button: ${myClickedButton}`）。)
}< button class="myButton">I am button 0</button>
<button class="myButton"/span>> 我是按鈕1</按鈕>。
<button class="myButton"/span>> 我是按鈕2</按鈕>。
<button class="myButton"/span>> 我是按鈕3</按鈕>。
< button class="anotherButton" onclick="lastClicked()" /span>> 最后一次點擊按鈕的索引</按鈕>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/320740.html
標籤：
下一篇：學習Socket筆記