我将地址图像文件设置为一个文本框,单击一个按钮就可以了。
我需要一个监听器从文本框中获取值并显示警报。我不需要使用更改事件我不会使用函数插入键盘值
$("#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();
}
}
答案 0 :(得分:2)
我使用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);
}
答案 1 :(得分:0)
如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);
})
});
&#13;
<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>
&#13;