javascript - 将 JS 函数附加到动态创建的对象事件

Question

我使用以下代码将行动态添加到我的 ASP.NET 表中。我创建了一个跨度，然后用一个 html 文本框代码填充它以在我的行中创建一些文本框，现在我将一些函数附加到我的文本框事件中，用于即时模糊或按键事件：

            var TR = document.createElement('tr');
        TR.style.textAlign = 'center';

        //mission end date
        var TD = document.createElement('td');
        var span = document.createElement("span");
        span.innerHTML = "<input maxlength='5' type='text' width='50px' style='width:50px;' value=''/>";
        TD.appendChild(span);
        TR.appendChild(TD);
.......
        TR.appendChild(TD);
        document.getElementById('<%=tblData.ClientID %>').appendChild(TR);

我创建了一些其他的 javascript 函数，我想将它们附加到这些动态创建的文本框事件中，例如：

function onBlur(){
.....
}

如何将 onBlur 附加到这些动态创建的对象的 onblur 事件？谢谢

Answer 1

代替

  span.innerHTML = "<input maxlength='5' type='text' width='50px' style='width:50px;' value=''/>";

和

 var input = document.createElement("input");
 input.style.width="50px";
 input.type="text";
 input.onblur = your_function_handler;
 span.appendChild(input);