`
JavaSam
  • 浏览: 952116 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

为什么Jquery对input file控件的onchange事件只生效一次

 
阅读更多

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的:

    1.原始方法:把事件写在file控件的onchange=""里面;

    2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... });

    3.Jquery方法二: onchange后,生成一个新input type file代替旧的,

       $('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID"  />');

OK,问题解决。

0
4
分享到:
评论

相关推荐

    easyui-textbox和easyui-combobox的onchange事件响应实例

    对于 `easyui-textbox`,我们通过 `onchange` 属性直接绑定了一个名为 `handleTextboxChange` 的函数,该函数会弹出一个警告框显示当前输入框的值。对于 `easyui-combobox`,我们则使用 `data-options` 属性的 `...

    js触发onchange事件的方法说明

    js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。 那么,如何...

    javascript的onchange事件与jQuery的change()方法比较

    改变一下思路变成键盘按键事件,如下: ”txtName” runat=”server” xss=removed&gt;&lt;/asp&gt; 这里有一点毛病是,你复制粘贴的内容,无法触发这个事件。下面是相关的一些代码: 代码如下: function fNameChange(){ if($...

    easy-ui onchange/easy-ui添加onchange

    在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何...

    jQuery/JS监听input输入框值变化实例

    与onchange不同,oninput事件在用户输入时就会触发,即输入框的值发生变化的那一刻就会触发,非常适合需要实时反馈输入情况的场景。oninput事件在大多数现代浏览器中都得到支持,包括Firefox, Google Chrome, Opera,...

    解决layui中onchange失效以及form动态渲染失效的问题

    最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。 html &lt;select lay-filter=test&gt;&lt;/...

    select 选择同一值触发onchange事件

    web前端小问题,select 选择事件,当选择select同一值触发onchange事件

    文件上传input file简便美化方案(css)

    在这个JavaScript代码中,我们为file input添加了事件监听,当用户选择文件之后,会触发事件处理函数,该函数会将文件路径设置到文本框中。如果浏览器不支持addEventListener或attachEvent方法,我们使用传统的...

    只修改input file组件的浏览按钮样式

    ### 只修改input file组件的浏览按钮样式 在前端开发中,`&lt;input type="file"&gt;`组件通常用于让用户选择本地文件并上传到服务器。不过,默认情况下,此组件的样式较为简单,不符合很多项目的视觉需求。为了提升用户...

    JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

    在本节内容中,我们将详细介绍如何使用JQuery来绑定一个下拉列表(select标签)的onchange事件。当用户从下拉列表中选择一个选项时,会触发此事件,从而弹出所选的值,并且页面会根据指定的参数进行跳转。在这个过程...

    如何将input type=file显示的浏览变成英文的

    4. **绑定事件处理器:** 为了实现在用户选择文件后更新文本输入框中的值,我们需要绑定一个`onChange`事件处理器到隐藏的`&lt;input type="file"&gt;`元素。 ```html &lt;input type="file" name="picpath" id="picpath...

    使用Delphi的OnChange事件,Timagelist组件..rar

    总的来说,Delphi的Timagelist组件结合onChange事件,为开发者提供了强大的图像管理和响应变化的能力,使得在处理图形界面时更加灵活和高效。无论你是创建桌面应用还是进行游戏开发,掌握Timagelist组件和onChange...

    jquery.page分页控件02.zip

    jQuery作为一个轻量级、高效的JavaScript库,为开发者提供了丰富的插件来实现这一功能。本篇文章将深入探讨jQuery.page分页控件,通过分析其核心代码和使用方式,帮助开发者更好地理解和应用这个强大的工具。 首先...

    input file的默认value清空与赋值方法

    关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...

    odoo定时执行onchange事件模块

    安装该模块后,对于有写onchange方法的字段,可以设置定时执行时间间隔。

    jquery检测input checked 控件是否被选中的方法

    本篇文章将详细介绍如何使用jQuery来检测`input`控件的`checked`状态,特别是针对复选框(`type=checkbox`)。 首先,让我们来看一下在jQuery中检查`input[type=checkbox]`是否被选中的基本语法。这里的关键在于`is...

    ckeditor onchange 事件插件

    "onchange" 事件插件是 CKEditor 的一个扩展功能,它允许开发者监听编辑器中的内容变化,并在内容发生改变时触发特定的回调函数。这个功能对于实时保存、自动校验或者实时预览等场景非常有用。 CKEditor 的 ...

    html修改FileUpload控件的浏览按钮的文字改为自定义

    &lt;input type="file" id="f" onchange="txt.value=this.value" name="f" style="position:absolute;filter:alpha(opacity=0);" size="1" hidefocus&gt; ``` 在这段示例代码中,可以看到三个主要部分: 1. **隐藏文件...

    DatePicker - jQuery 的日期选择控件

    jQuery作为一款强大的JavaScript库,为开发者提供了丰富的插件来实现这些功能,其中之一便是DatePicker。本篇文章将深入探讨jQuery的DatePicker插件,帮助开发者理解其工作原理和应用技巧。 首先,我们来看一下`...

Global site tag (gtag.js) - Google Analytics