jQuery input -> file change事件bug

由jQuery绑定类型为file的input控件的change事件,发现只能被触发一次,修改方法

-->

原始代码:

$input.change(function() {
  // something
});

修正后代码:

$input.live(‘change‘, function() {
  // something
});
时间: 2024-10-09 22:36:04

jQuery input -> file change事件bug的相关文章

input file change事件调用多次

$('#upload').replaceWith('<input id="upload" type="file" name="excelFile"/>'); $('#upload').off('change').on('change', function() {//上传 loadingViewP = layer.load(1, {shade: 0.4}); $('#uploadform').ajaxSubmit(options, fu

复选框 省市区 联动(监听input的change事件)

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后

JQuery Checkbox的change事件

JQuery   Checkbox的change事件 参考 http://blog.csdn.net/hbhgjiangkun/article/details/8126981 $(function(){    $("#ischange").change(function() {        alert("checked");    });}); 上面的代码没作用修改为下面即可$(function(){ if ($.browser.msie) {  $('input

&lt;input type=&quot;file&quot;&gt; change事件异常处理办法

问题:最近发现一个奇怪的bug, 那就是在上传图片需要采用input type=file来进行文件选择.由于为了适应美工的UI图,所以是把选择文件的input框隐藏了.然后通过另外一个按钮的点击事件来触发input的选择事件.代码如下: <div style="width:120px;height:120px"> <img src="/image/uploadfile.png" style="width:100%;height:100%&

关于解决JQUERY对INPUT元素Change事件不兼容的问题

最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下: $("input.syxcost").change(function(){ computeReceivedsyxcost(); } function computeReceivedsyxcost(){ //计算加

input:file onchange事件无法读取解决方法

最近做项目,移动端的多文件上传,使用input:file读取文件 <input type='file' name='file' multiple accept='image/*' capture='camera'> 但是在移动端 设置 multiple 属性是不起作用的,设置此属性PC端可以多选而移动端无法多选. 我使用的解决方案是动态添加 input:file标签.,每添加一个标签就出发一次click事件读取文件.然后选择相片并且将相片显示在页面上. 一开始直接在通过JQuery绑定chan

input 输入框 change 事件和 blur 事件

输入框的 change 和 blur  事件绝大多数情况下表现是一致的,输入结束后离开输入框会先后触发 change 和 blur.那么这两个事件的区别在哪呢? 当文本框获得焦点后,没有输入任何内容,或者最终文本框的值没有改变时,是不会触发 change 事件的,而 blur 事件始终会触发.如果希望文本框的值一发生改变就立马执行某些操作,而不是等到离开再执行,那么可以使用 keyup 事件. 原文地址:https://www.cnblogs.com/similar/p/10669965.htm

jquery input file 多图上传,单张删除,查看

<div class="form-group"> <label for="imgs" class="col-md-3 col-sm-3 control-label">设备图片:</label> <div class="col-md-8 col-sm-8"> <div class="photo-box"> <div class="ph

jquery input file获取文件名

最近遇到了如下的问题,当用户选择一个文件的时候,将标题自动设置为文件名 参考了很多方法后,最后兼容各个浏览器的代码如下: function getFileName(obj){ var fileName=""; if(typeof(fileName) != "undefined") { fileName = $(obj).val().split("\\").pop(); fileName=fileName.substring(0, fileName