使用javascript在动态表格中手动触发点击事件

Question

我已经使用JavaScript创建了动态表格，但是问题是我想在动态添加下拉列表的更改事件上手动触发动态添加文本框的点击事件

Answer 1

如果您使用的是jQuery，则可以在具有点击侦听器的元素上使用.trigger（'click'）；如果您使用的不是jQuery，则可以使用.dispatchEvent（）进行几乎相同的操作：

function simulateClick() {
  var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
  var cb = document.getElementById('checkbox'); 
  var cancelled = !cb.dispatchEvent(event);
  if (cancelled) {
    // A handler called preventDefault.
    alert("cancelled");
  } else {
    // None of the handlers called preventDefault.
    alert("not cancelled");
  }
}

Answer 2

如果您使用的是纯JavaScript

尝试这个

 var table = document.createElement("table"); table.border=1 table.cellPadding=10 table.cellSpacing=0 for(var i=0;i<5;i++){ var tr = document.createElement("tr"); var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3 = document.createElement("td"); td1.innerHTML=i+1; var tb = document.createElement("input"); tb.type="text"; //Binding Event to textbox tb.addEventListener('click',function(){ alert("Clicked") }) var ddl = document.createElement("select"); for(var j=0;j<3;j++){ var ddlOption=document.createElement("option"); ddlOption.value=j+1; ddlOption.innerHTML=j+1; ddl.appendChild(ddlOption); } //Binding Event to dropdownlist ddl.addEventListener('change',function(){ alert(this.value); }) td2.appendChild(tb); td3.appendChild(ddl); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); table.appendChild(tr); } document.getElementById("MyDiv").appendChild(table) 

 <Div id="MyDiv"> </Div>