텍스트 상자가 포함 된 테이블 행이 있고 JavaScript 캘린더를 표시하는 onclick이 있습니다 ... 텍스트 상자가있는 테이블에 행을 추가하고 있지만 JavaScript 생성 된 텍스트 상자에 onclick 이벤트를 첨부하는 방법을 모르겠습니다. ...자바 스크립트에서 생성 된 텍스트 상자에 OnClick 이벤트를 첨부하는 방법은 무엇입니까?
<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);">
그리고 내 자바 스크립트는 텍스트 상자를 생성하고,이 같이
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);
나는 이벤트를 dinamically 연결하는 것은 크로스 브라우저가 아니므로 여러 브라우저에 대해 서로 다른 코드를 작성해야 할 수도 있습니다. 그 목적을 위해 JQuery와 같은 JS 라이브러리를 사용하는 것이 좋습니다. –
@eyazici : OP가 사용하고있는 DOM 조작 전략은 안전합니다. (예를 들어, 'setAttribute()'는 예외입니다. {경고 (el.id);}; – Asaph