1、上传图片选择文件类型
<input id="" name="" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file" title="点击选择文件" />
不支持IE7,chrome
2、实时输入监控
IE 支持 onpropertychange
chrome 支持 input 推荐:实时监听输入框值变化的完美方案:oninput & onpropertychange
3、输入框的默认显示值
常用value来表示,但是需要很多额外的事件进行处理,placeholder是html5支持的属性
4、IE8文本框中默认垂直不居中,需要手动设置height和line-height,除IE内核浏览器外,缺省line-height时都会自适应文本框的height。
5、页面屏蔽backspace键
//页面加载完成 $(document).ready(function(){ //禁止退格键 作用于Firefox、Opera document.onkeypress = banBackSpace; //禁止退格键 作用于IE、Chrome document.onkeydown = banBackSpace; }); //处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ //alert(event.keyCode) var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('type');//获取事件源类型 //获取作为判断条件的事件类型 var vReadOnly = obj.readOnly; var vDisabled = obj.disabled; //处理undefined值情况 vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; vDisabled = (vDisabled == undefined) ? true : vDisabled; //当敲Backspace键时,事件源类型为密码或单行、多行文本的, //并且readOnly属性为true或disabled属性为true的,则退格键失效 var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"; //判断 if (flag2 || flag1) event.returnValue = false;//这里如果写 return false 无法实现效果 }
不支持IE 11
相关推荐
IE6浏览器兼容问题总结及CSS排版注意地方 列举IE6中10个不得不注意的问题 重构你的代码
JS浏览器兼容问题总结
web前端开发,浏览器兼容性总结!
自我总结常见浏览器的兼容性问题并作出相应解释和处理方法,涵盖较全面
总结归纳CSS最新技术及其浏览器兼容问题,完全精华材料。
浏览器兼容报告。css和js的浏览器兼容问题总结。
一些前端遇到的浏览器兼容问题,自己总结的,有利于大家去对浏览器的兼容性的认识
什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个...
为什么要对css属性进行浏览器兼容性总结呢?用的时候,直接去 Can I Use 里面检索浏览器对该属性的兼容性情况不就好了吗? css3.jpeg 其实,在实际的开发过程中,我们对常见的css属性兼容情况了然于胸,才能极大的...
对于网页设计师来说,浏览器兼容是个令人头疼的难题,本文总结了一些常用的解决此类问题的CSS技术
IE和火狐的CSS兼容性问题总结,很实用。
自己多年总结的一点小小的经验,希望能帮到你!
DIV+CSS浏览器兼容方法,由于浏览器版本的问题。
本文是软件开发网小编日常整理些关于js兼容性问题,及IE与Firefox等常用浏览器的兼容性分析,对js浏览器兼容性相关知识感兴趣的朋友一起学习吧! 1. children与childNodes IE提供的children、childNodes和firefox下...
主要介绍了css与javascript跨浏览器兼容性,包括常见的css兼容性问题与javascript兼容性问题,以及IE与Firefox等常用浏览器的兼容性分析,需要的朋友可以参考下
是我总结多年的一个小文档,最近看见有人咨询浏览器兼容的问题,就贡献出来。
这里总结了浏览器兼容性碰到的问题以及解决方案,特别是针对IE6这个开发人员噩梦,是非常值得想要从事开发人员的人看的
主要介绍了Javascript在IE和Firefox浏览器常见兼容性问题,结合实例形式总结分析了javascript在IE与Firefox浏览器中常见的各种兼容性问题与相应的解决方法,需要的朋友可以参考下