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

时间:2013-09-19 08:11:46

标签: javascript

我使用以下代码动态地向ASP.NET表添加​​行。我创建了一个span,然后用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事件中? 感谢

1 个答案:

答案 0 :(得分: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);