加入JavaScript EventListner

我必須做的javascript.how我們能找出被按下它刪除按鈕加入JavaScript EventListner

<div id="maindiv">   
    <div id="product_1"> 
     <input placeholder="Add Product Name" type="text"> 
     <input placeholder="Cost per unit" type="number"> 
     <input placeholder="Number of products" type="number"> 
     <button id="delete_1">Delete</button> 
    </div> 
    <div id="product_2"> 
     <input placeholder="Add Product Name" type="text"> 
     <input placeholder="Cost per unit" type="number"> 
     <input placeholder="Number of products" type="number"> 
     <button id="delete_2">Delete</button> 
    </div> 
</div>

來源

2017-07-19 Bilal Siddiq

找出誰??? –

EventListner在哪裏？ – Satpal

是的，這是完全正確的 –

使用this

var btn = document.querySelectorAll('button') 
 
btn.forEach(function(item) { 
 
    item.addEventListener('click', function() { 
 
    console.log('clicked id: ' + this.id); 
 
    }); 
 
});

<div id="maindiv"> 
 
    <div id="product_1"> 
 
    <input placeholder="Add Product Name" type="text"> 
 
    <input placeholder="Cost per unit" type="number"> 
 
    <input placeholder="Number of products" type="number"> 
 
    <button id="delete_1">Delete</button> 
 
    </div> 
 
    <div id="product_2"> 
 
    <input placeholder="Add Product Name" type="text"> 
 
    <input placeholder="Cost per unit" type="number"> 
 
    <input placeholder="Number of products" type="number"> 
 
    <button id="delete_2">Delete</button> 
 
    </div> 
 
</div>

的HTML

來源

2017-07-19 07:02:33 ewwink

你可以試試這個。希望這可以幫助。

var buttons=document.getElementsByTagName("button"); 
 
for(var i=0;i<buttons.length;i++){ 
 
buttons[i].addEventListener('click',function(){ 
 
    console.log(this.id); 
 

 
}) 
 
}

<body> 
 
<button id='delete'>Delete</button> 
 
<button id='save'>Save</button> 
 
</body>

來源

2017-07-19 07:12:27 Aayushi

加入JavaScript EventListner

回答

相關問題