jquery：如何動態綁定帶有onload事件的文本框？

Question

A textbox是在Javascript中運行時創建的。當用戶點擊button時，它會打開。

<input type="text" id="documentTitle" name="documentTitle" value="<spring:message code="document.Title"/>" 

點擊我要顯示textbox突出顯示的文字。

如何使用JQuery觸發onload元素？

嘗試以下JQuery的，但沒有成功：

$(document).on("load", "#documentTitle" , function() { 
     myquery.highlightText(this); 
}); 

Answer 1

我不要你到底想要什麼，但這裏的一些代碼，可以幫助您？

$(document).ready(function() { 
 
    alert("on load event fire"); 
 
    $("button").click(function() { 
 
    $("textarea").show(); 
 
    }) 
 
});

textarea { 
 
    display: block; 
 
    width: 400px; 
 
    color: black; 
 
    padding: 10px; 
 
    text-shadow: 0px 0px 2px rgba(255, 0, 0, 1); 
 
    height: 120px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea style="display:none">asdasdasd</textarea> 
 
<button> 
 
    show 
 
</button>

Answer 2

您不必選擇有當諸如<div>任意DOM元素準備好沒有觸發的事件。

$(document).ready(function(e) { 
 
     $(document).on("click", "#test", function() { 
 
      $("#content").append('<input type="text" id="documentTitle" name="documentTitle" value=""/>'); 
 
      
 
      //do your highlight here 
 
      $("#content #documentTitle").val("test"); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="test" value="test" /> 
 
<div id="content"></div>

如果你真的想你應該創建一個自定義的

$(document).ready(function(e) { 
    $(document).on("click", "#test", function() { 
     $("#content").append('<input type="text" id="documentTitle" name="documentTitle" value=""/>');   
     $("#content #documentTitle").trigger("myLoadedevent"); 
    }); 

    $(document).on("myLoadedevent", "#documentTitle", function() { 
     //do your highlight here 
     alert('event'); 
    }); 

});