如何为javascript生成的文本框附加OnClick事件？ [英] How to attach OnClick event for a javascript generated textbox?

问题描述

我有一个包含文本框的表行，它有一个显示JavaScript日历的onclick ...我正在使用textbox向表中添加行，但我不知道如何将onclick事件附加到生成的JavaScript文本框...

I have a table row which contains a textbox and it has an onclick which displays a JavaScript calendar... I am adding rows to the table with textbox, but I don't know how to attach onclick event to the JavaScript generated textbox...

<input  class="date_size_enquiry" type="text" autocomplete="off"
onclick="displayDatePicker('attendanceDateadd1');" size="21" readonly="readonly"    
maxlength="11" size="11"  name="attendanceDateadd1" id="attendanceDateadd1" 
value="" onblur="per_date()" onchange="fnloadHoliday(this.value);">

我的JavaScript会生成一个文本框，

And my JavaScript generates a textbox,

    var cell2 = row.insertCell(1);
    cell2.setAttribute('align','center')
    var el = document.createElement('input');
    el.className = "date_size_enquiry";
    el.type = 'text';
    el.name = 'attendanceDateadd' + iteration;
    el.id = 'attendanceDateadd' + iteration;
    el.onClick = //How to call the function displayDatePicker('attendanceDateadd1');
    e1.onblur=??
    e1.onchange=??
    cell2.appendChild(el);

推荐答案

喜欢这样：

var el = document.createElement('input');
...
el.onclick = function() {
    displayDatePicker('attendanceDateadd1');
};

BTW：注意DOM中的区分大小写。它是onclick，而不是onClick。

BTW: Be careful with case sensitivity in the DOM. It's "onclick", not "onClick".

这篇关于如何为javascript生成的文本框附加OnClick事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！