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

attaching JS functions to dynamically created object events

本文关键字：创建 对象 事件 动态 JS 函数      更新时间：2023-09-26

我使用以下代码将行动态添加到我的 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 事件？谢谢

替换 

  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);
相关文章：