jQuery：如何動態綁定文本框與onload事件？

Question

在運行時使用Javascript創建一個textbox 。 當用戶單擊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

您沒有選擇，當任意DOM元素（例如<div>准備就緒時，不會觸發任何事件。

  $(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');
    });

});