文档章节

关于 input file 事件处理 IE / chrome 下的区别

triankg
 triankg
发布于 2014/06/20 09:54
字数 189
阅读 46
收藏 0

客串前端人员

IE 版本 8

chrome 版本...  最新

问题 : 通过jQuery 绑定 file 的onchange IE下未生效  

操作 : 

1. 渲染form input:file 隐藏

2. 手动触发click, 绑定change 事件 (问题所在)
   由于页面每次使用的时候都会重新渲染 就没考虑事件多次绑定问题

3. 选择文件 


问题出在第二部的顺序问题  IE 打开文件选择框 会堵塞 JAVASCRIPT 代码执行, 也就是说 你打开面板的时候 其实 绑定事件代码还没有执行  所以你选择文件后的change事件处理不会生效 

但是在chrome 下并不会堵塞javascript 代码执行  


© 著作权归作者所有

共有 人打赏支持
triankg
粉丝 12
博文 112
码字总数 29848
作品 0
无锡
项目经理
INPUT[type=file] 的 'value' 属性值在各浏览器中存在差异

标准参考 当一个 INPUT 元素的 'type' 属性值设置为 'file' 时创建了一个文件选择控件(file select),其中 INPUT 元素的 'value' 属性值便是文件的初始名称。 另外,在 IE6 和 IE7 下通过此方...

zkool
2012/06/28
0
0
移动端H5页面上传图片或多张图片

传统PC网页上传文件,大家都已经熟悉,这里不做介绍。 本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步,即PC端需要上传的图片是移动拍照下来或移动端硬...

风蓝小栖
07/13
0
0
chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下...

freedonn
2014/08/07
0
0
快速学习 Chrome Extension

快速学习 Chrome Extension let timeout = 10000;window.setTimeout(function() {alert('Hello, world!');}, timeout); "version": "0.0.1","name": "welearnmore-content_scripts","manifes......

一波不是一波
08/15
0
0
隐藏file控件,用button实现文件上传

<input type="file">控件不是很美观,很多时候可能更希望用button去代替它实现文件上传 一种方法是用button覆盖file原本的浏览按钮,不足是得精确控制位置和大小,文本框还在 另一种是设置成...

Seast
2013/03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

这些Spring中的设计模式,你都知道吗?

设计模式作为工作学习中的枕边书,却时常处于勤说不用的尴尬境地,也不是我们时常忘记,只是一直没有记忆。 Spring作为业界的经典框架,无论是在架构设计方面,还是在代码编写方面,都堪称行...

Java填坑之路
27分钟前
1
0
Spring Aop原理之Advisor过滤

在上文(Spring Aop之Advisor解析)中我们讲到,Spring Aop对目标bean的代理主要分为三个步骤:获取所有的Advisor,过滤当前bean可应用的Advisor和使用Advisor为当前bean生成代理对象,并且上文...

爱宝贝丶
38分钟前
0
0
JMockit学习教程

1 JMockit中文网 我觉得如果仅仅是开发自测的话,把JMockit中文网认真看一遍,就可以在项目中使用JMockit了。 http://jmockit.cn/index.htm 2 JMockit中文教程 官方文档中文版。对于不喜欢看...

SuperHeroes
50分钟前
0
0
Linux服务器几乎从不采用Arch Linux?

我们见得多的Linux服务器系统一般都是什么Ubuntu Server啊,什么Cent OS啊,什么Fedora啊,或者企业采用的Red Hat啊,为什么几乎没有Arch Linux呢?下面我将从若干个方面指出Arch Linux在服务...

linux-tao
今天
0
0
js 函数柯里化 闭包

参考 https://mp.weixin.qq.com/s/GEHL3jarDdAAcr5tQGjmDg 一个统计求和的函数 需要知道整个数组的信息,然后遍历求值 function countMoney() { let money = 0 // 温馨提示:arguments...

阿豪boy
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部