獲取ENTRY鍵從文本框getElementsByClassName

Question

那裏我有一個文本框和select元素。

我想在任何人在文本框中輸入一個輸入鍵時觸發警報。我寫JS代碼來獲取文本框，但無法執行觸發操作。我怎麼能這樣做？

var tab = document.getElementsByClassName('PDSCriteriaSections')[0]; 
 
var children = tab.childNodes[0].childNodes[0]; 
 
var textbox = children.firstChild.innerHTML;

<table> 
 
    <tr> 
 
    <td class="PDSCriteriaSections"> 
 
     <div> 
 
     <ul> 
 
      <li> 
 
      <input type="text"> 
 
      <select> 
 
       <option value="MTJobNo">Job No</option> 
 
       <option value="EmptyInDate">EmptyIn Date</option> 
 
       <option value="ContainerNo">Container No</option> 
 
      </select> 
 
      <input value="-" style="display: none;" type="button"> 
 
      </li> 
 
     </ul> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
</table>

的jsfiddle：https://jsfiddle.net/ctpn6mr6/

Answer 1

// ... 
// textbox redefintion 
var textbox = children.firstChild; 
textbox.addEventListener("keydown", function(e){ 
    // 13 is the keyCode of enter button 
    if(e.keyCode == 13){ 
     alert("Enter was pressed"); 
    } 
});