js生成元素的事件不執行問題
阿新 • • 發佈:2018-01-10
onclick body type blog txt work 輸入框 doc tom
要求:雙擊span標簽,可以修改。
<div class="commands_ticketmiddl_ine_new" >
<span>NO:</span><span name="oddNo" id="customerNo">${worKticket.customerNo}</span>
</div>
方案:添加onclick事件,動態增加input。
document.getElementById("customerNo").ondblclick = function(){
// alert(11111);
var td = $(this);
var txt = $.trim(td.text());
var input = $("<input name=‘customerNo‘ onblur=‘test()‘id=‘testID‘ type=‘text‘value=‘" + txt + "‘/>");
td.html(input);
}
進一步要求,當鼠標輸入框離開時候,彈出所填寫的內容,在上邊動態生成的時候寫上onblur方法。
如果,$(function(){
如果在這個裏邊,獲取
$("#testID").val();有問題,這裏邊涉及元素加載的問題。當雙擊的時候才生成此元素,但是,加載頁面的時候,需要這個元素。所以報錯。
});
function test(){
alert(123);
alert($("#testID").val());
}
js生成元素的事件不執行問題