文档章节

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

triankg
 triankg
发布于 2014/06/20 09:54
字数 189
阅读 45
收藏 0
点赞 0
评论 0

客串前端人员

IE 版本 8

chrome 版本...  最新

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

操作 : 

1. 渲染form input:file 隐藏

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

3. 选择文件 


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

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


© 著作权归作者所有

共有 人打赏支持
triankg
粉丝 12
博文 93
码字总数 29848
作品 0
无锡
项目经理
javascript中查看元素事件函数的一些技巧

在分析一些网页的时候,经常会发现点击某个按钮会触发某个动作,当页面比较复杂,包含的js文件又多,这时候要找到这段触发函数的代码写在哪里就比较困难。比如,在某个html页面中,发现如下一...

技术小甜 ⋅ 2017/11/07 ⋅ 0

Google I/O 2018 : 应用于 PC 端的 PWA

Chrome OS 67 已经支持 PC 端的 Progressive Web App 了,但目前还处于 Beta 阶段。Mac 和 Windows 相关的开发工作也在进行中。 PC 端的 PWA 可以像普通应用一样被「安装」在设备上。运行速度...

滴读 ⋅ 05/10 ⋅ 0

[下载]Chrome 68 Beta 发布:可将 PWA 应用添加至主屏幕

谷歌宣布 Chrome 68 Beta 已发布,适用于 Android, Chrome OS, Linux, macOS 和 Windows 平台。可在 ChromeStatus.com 上查看 Chrome 68 的完整功能列表。值得关注的更新:新增将 progressiv...

开源中国 ⋅ 06/08 ⋅ 0

Chrome 68 Beta 发布:可将 PWA 应用添加至主屏幕

谷歌宣布 Chrome 68 Beta 已发布,适用于 Android, Chrome OS, Linux, macOS 和 Windows 平台。可在 ChromeStatus.com 上查看 Chrome 68 的完整功能列表。 值得关注的更新 新增将 progressiv...

局长 ⋅ 06/08 ⋅ 3

css--处理输入框后颜色问题

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !......

梦想代码 ⋅ 05/16 ⋅ 0

Chrome常用URL命令(伪URL)

在Chrome地址栏输入chrome://chrome-urls/可以看到所有的Chrome支持的伪RUL 1、chrome://accessibility/ 可达性分析,默认是关闭的,点击accessibility off后变成accessibility on|show acc...

easonjim ⋅ 2017/11/22 ⋅ 0

文件上传按钮自动上传加input_file美化

自己总结了下:文件上传按钮自动上传 + input_file美化 (不好,经测试发现不支持谷歌浏览器)

技术小胖子 ⋅ 2017/11/15 ⋅ 0

TypeScript初战Chrome插件:Bilibili弹幕热度

TL;DR 这是一个用来在B站视频进度条上方创建显示弹幕热度的Chrome插件,以弹幕数量-时间的直方图显示,在高能处(定义为短时间内有大量弹幕出现的时间点)有明显的峰值,可以用来直观地看视频...

MegrezZhu ⋅ 06/07 ⋅ 0

将一个前端项目改写为chromo插件(一)

编写第一个chrome插件? 编写chrome插件完全就是前端知识加上一些专门的知识。 假设文件夹下有文件 嗯,现在看来他只是普通的html,其实,你只要在当前文件夹下加上文件,chrome浏览器就可以把...

saltfish666 ⋅ 05/27 ⋅ 0

ajaxFileUpload+php图片上传预览

后台是利用SWFUpload上传图片,是flash+js的组合,如果不用chrome,经常会提示flash版本过低用不了,感觉还是很不方便的。 这里总结了一利用js ajax上传的插件列表:7 JAVASCRIPT AJAX FILE ...

phala ⋅ 2016/10/31 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 39分钟前 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

Spring 依赖注入(DI)

1、Setter方法注入: 通过设置方法注入依赖。这种方法既简单又常用。 类中定义set()方法: public class HelloWorldOutput{ HelloWorld helloWorld; public void setHelloWorld...

霍淇滨 ⋅ 昨天 ⋅ 0

马氏距离与欧氏距离

马氏距离 马氏距离也可以定义为两个服从同一分布并且其协方差矩阵为Σ的随机变量之间的差异程度。 如果协方差矩阵为单位矩阵,那么马氏距离就简化为欧氏距离,如果协方差矩阵为对角阵,则其也...

漫步当下 ⋅ 昨天 ⋅ 0

聊聊spring cloud的RequestRateLimiterGatewayFilter

序 本文主要研究一下spring cloud的RequestRateLimiterGatewayFilter GatewayAutoConfiguration @Configuration@ConditionalOnProperty(name = "spring.cloud.gateway.enabled", matchIfMi......

go4it ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部