我如何設置值在jQuery中以編程方式輸入文本框

Question

我將地址圖像文件設置爲文本框，點擊此按鈕即可工作。

我需要一個偵聽器從文本框中獲取值並顯示警報。我不需要利用變化情況我不通過函數

$("#add").click(function(){ 
    $("input").val('http://localhost/afa/uploads/source/error-img.png'); 
}); 

後插入地址文件中使用鍵盤值插入我展示的內容值輸入一個警報

var val = $("#fieldID4").val(); 
files2.push({src:val}); 
updateList2(files2.length-1); 


    function updateList2(n) { 
    var e = thumb.clone(); 
    e.find('img').attr('src',files2[n].src); 
    e.find('button').click(removeFromList).data('n',n); 
    gallery.append(e); 

    function removeFromList() { 
     files2[$(this).data('n')] = null; 
     $(this).parent().remove(); 
    }  
} 

Answer 1

我解決這個問題，使用onchange事件

[http://www.w3schools.com/jsref/event_onchange.asp][1]

<input id="fieldID4" type="text" onchange="myFunction()" value="" > 

function myFunction() { 
    var val = document.getElementById("fieldID4").value; 

files2.push({src:val}); 
updateList2(files2.length-1); 


} 

Answer 2

在fire event on programmatic change除了描述你可以這樣做：

window.onload = function (e) { 
 
    var myInput = document.getElementById('myInput'); 
 
    Object.defineProperty(myInput, 'value', { 
 
    enumerable: true, 
 
    configurable: true, 
 
    get: function(){ 
 
     return this.getAttribute('value'); 
 
    }, 
 
    set: function(val){ 
 
     this.setAttribute('value', val); 
 
     var event = new Event('InputChanged'); 
 
     this.dispatchEvent(event); 
 
    } 
 
    }); 
 
} 
 

 
$(function() { 
 
    $('#myInput').on('InputChanged', function(e) { 
 
    alert('InputChanged Event: ' + this.value); 
 
    }); 
 

 
    $('#myInput').on('change', function(e) { 
 
    alert('Standard input change event: ' + this.value); 
 
    }); 
 

 
    $('#btn').on('click', function(e) { 
 
    e.preventDefault(); 
 
    var newValue = $('#newInput').val() || 'NewText'; 
 
    $('#myInput').val(newValue); 
 
    }) 
 
});

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
 

 
<form> 
 
    Original Input: <input id="myInput"><br> 
 
    Write here....: <input id="newInput"><br> 
 
    <button id="btn">Change Input Text</button> 
 
</form>