JS兼容性问题列表
记录平时遇见的兼容性问题,有更好的解决办法希望各位提出,会随着开发遇到问题而更新,标记为黄色的为未解决和猜测答案
提出时间 | 问题描述 | 解决方案 |
2014/10/22 | submit按钮阻止了默认事件不能使用form.submit();发送请求, | 猜测是阻止默认后,form.submit();也是属于默认事件(不确定)所以无法发送 解决办法还是不使用先禁止默认事件再发送,而让事件判断可以再发送 |
2014/10/22 | btn.onsubmit()触发问题 | submit事件必须绑定是表单,对于按钮是使用click事件,绑定submit事件比较合理,却因为html5的required特性会对验证有影响还是抛弃这种写法, |
2014/10/23 | 使用submit事件验证表单的时候,对于required的元素是先是浏览器检测再进行发送请求的元素进行js检验,主要是radio和checkbox出现问题 | 点击按钮进行判断,发送请求,不要让浏览器先对required进行检测,主要是radio和checkbox出现问题,其余可以使用submit事件进行 |
2014/10/23 | 对于string.replace(/(a)+/g,function(all,key){})all和key分别是什么 | 测试得出all是当前匹配的同一个字符还是字符分组不确定,key可以肯定是当前匹配的字符,大概是通过增减字符串数组的长度对其经常格式转换 |
2014/10/24 | artTemplate插入验证码失效(因为存在同个id导致失效),php插入验证码代码后会自动生成html和js,这个需要使用div隐藏, | 把id操作替换掉,把html的元素id替换掉,click事件重写,把替换的图片地址传递过去(复制节点的操作还得要重新把id替换,繁琐),假如不是太注重这严谨的结构可以无视 |
2014/10/29 | 无法修改ie6-8的input的type实现placeholder | ie6-8的type是只读模式,所以无法修改实现placeholder |
2014/11/3 | resize后的document.documentElement.scrollWidth值不变而且是最大值 | |
2014/11/6 | required输入表单,验证表单会强制验证input某个元素 | 关闭html5的验证 第一种方法是利用form元素的novalidate属性,它可以关闭整个表单验证先把表单的该属性设置为true,关闭表单验证 第二种方法是利用input元素或submit元素的formnovalidate属性,利用input元素的formnovalidate属性可以让表单验证对单个input元素失效,相当于利用了form元素的novalidate属性,整个表单验证都将关闭。 |
2014/11/10 | hover和mouseover和mouseout的实现不一样 | jQuery实际是使用是mouseleave和mouseenter,区别在于mouseleave和mouseenter子元素的时候不会重新触发事件,而mouseover和mouseout会.主要在事件间加入了判断 vart=e.relatedTarget; if(!t||(!(t.compareDocumentPosition(this)&8)&& t!==this)){ //t有可能是不存在的,target在很边缘的情况下,从浏览器外部直接移入target的情况.alert('mouseenter') } http://www.cnblogs.com/_franky/archive/2010/05/01/1725624.html |
2014/10/11 | 复选框无法显示 | 根据W3C的表单规范,在checked属性是一个布尔属性,这意味着只要该attribute存在,即使它没有值,或是一个空字符串,该属性对应的property就是true,不使用attr方法使用pop方法 |
2014/11/27 | cookiewebkit测试cookie有问题 | webkit不支持本地cookie |
2014/12/20 | 路径 | 默认ie不支持播放本地文件出于安全因素,现代浏览器可以使用blog路径读取或者html5的FileReader()对象实现 |
2015/3/19 | requireJS exports:aa.a报错a未找到 | exports模块输出接口一个方法名称,*.*会执行对应下的方法会报错 |
转载请保留原文地址,谢谢
JS兼容性问题列表的更多相关文章
- IE 和Firefox的js兼容性总结
IE 和Firefox的js兼容性总结 12 August 2010 11:39 Thursday by 小屋 标签: 浏览器 方法 属性 IT 写法 一.函数和方法差异 1 . getYear()方 ...
- IE6-IE11兼容性问题列表及解决办法总结
相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TA ...
- IE6-IE9兼容性问题列表及解决办法总结
IE6-IE9兼容性问题列表及解决办法总结 概述 第一章:HTML. 3 第一节:IE7-IE8更新... 31.如果缺少结束标记的 P 元素后跟 TABLE.FORM.NOFRAMES 或 NOSC ...
- IE6-IE11兼容性问题列表及解决办法
IE6-IE11兼容性问题列表及解决办法总结 相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录概述 2第一章:HTML 3第一节:IE7-IE8更新 3 1. ...
- 原生js移动端列表无缝间歇向上滚动
在项目开发中尤其是在项目的活动页面的开发中,经常需要将用户的购买信息或中奖信息等以列表的形式展示在页面当中,并可以使其自动间歇向上滚动来达到在有限的区域内展示所有信息的目的.通常的做法是通过将列表父元 ...
- 分享JQuery动画插件Velocity.js的六种列表加载特效
分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览 源码下载 实现 ...
- js 验证ip列表
如题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...
- webpack 之js兼容性处理
webpack 之js兼容性处理 // 用来拼接绝对路径的方法 const {resolve} = require('path') const HtmlWebpackPlugin = require( ...
- js兼容性记录
做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了, ...
随机推荐
- 使用Vitamio打造自己的Android万能播放器(4)——本地播放(快捷搜索、数据存储)
前言 关键字:Vitamio.VPlayer.Android播放器.Android影音.Android开源播放器 本章节把Android万能播放器本地播放的主要功能(缓存播放列表和A-Z快速查询功能) ...
- MPAndroidChart绘制图形表
最近一个项目需要用到表格进行统计显示,本来用的是的achartengine,后来发现一个更加强大的开源框架MPAndroidChart. 下面简单介绍下MPAndroidChart,MPAndroid ...
- 10个Laravel4开发者必用扩展包
Laravel是一个新的基于最新PHP版本号语法,支持IoC等设计模式的高速开发框架.眼下最新版本号为4.2,推荐安装PHP版本号5.5+. 本文列举10个基本软件包,都是开发人员使用Laravel框 ...
- Quartz.NET 2.0 作业调度框架使用
Quartz.NET是一个开源的作业调度框架,是 OpenSymphony 的 Quartz API 的.NET移植,它用C#写成,可用于winform和asp.net应用中.它提供了巨大的灵活性而不 ...
- OCP prepare 20140627
1. catalog start with catalog start with 是一个很好的命令. 有了这个命令后, 基本上可以不再使用catalog数据库了 . 因为可以通过这个命令将以前的备份 ...
- Java 中 静态方法与非静态方法的区别
静态方法和实例方法的区别主要体现在两个方面: 在外部调用静态方法时,可以使用"类名.方法名"的方式,也可以使用"对象名.方法名"的方式.而实例方法只有后面这种方 ...
- poj3122--二分加贪心
大致题意: 就是公平地分披萨pie 我生日,买了n个pie,找来f个朋友,那么总人数共f+1人 每个pie都是高为1的圆柱体,输入这n个pie的每一个尺寸(半径),如果要公平地把pie分给每一个人(就 ...
- hdu 5727 Necklace 二分图匹配
题目链接 给2*n个珠子, n<=9, n个阴n个阳. 然后将它们弄成一个环, 阴阳交替.现在给你m个关系, 每个关系给出a, b. 如果阳a和阴b挨着, 那么a就会变暗. 问你最小变暗几个阳. ...
- codeforces 3D . Least Cost Bracket Sequence 贪心
题目链接 给一个字符串, 由( ) 以及? 组成, 将?换成( 或者 ) 组成合法的括号序列, 每一个?换成( 或者 ) 的代价都不相同, 问你最小代价是多少, 如果不能满足输出-1. 弄一个变量nu ...
- 关于Apple Pay,一篇让你不看就会后悔的文章
编者按:本文作者康上明学为“小米生活”产品经理,在苹果Apple Pay发布后,他对该产品做了深入研究,带来这篇文章. 对于 Apple Pay ,我有几个疑问: 线下支付是一个庞大复杂的流程,当中涉 ...