码迷,mamicode.com
首页 > 其他好文 > 详细

oninput onpropertychange 比较和坑

时间:2017-05-10 11:26:49      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:部门   png   inpu   兼容   解决   元素   需要   内网   比较   

前几天接手一个项目  需要做这样一个界面技术分享一开始想用placeholder。结果如你所愿 placeholder在ie下有兼容性问题,就放弃了

(有人说网上不是有placeholder兼容的方法嘛  但是那样写过以后 我后面的需要获取值 就比较麻烦很多  ) 

目前自己就想到两种方法一是技术分享做成这种使用label,,但是由于是公司内网  简单快捷  就使用了这一种;

但是作为一个前端怎么能忍受这种偷巧的方法呢 于是想到,在input框下面添加一个div内容为请输入部门,然后通过定位到input框内来解决,然后通过监听oninput或者onpropertychange,但是ie9下onpropertychange只能监听 输入,退格键是无法监听的 (不过这时候我们可以监听keyup  或者keydown来达到效果,当然复制和黏贴这个还没想出来改如何解决。) 这又是一个坑。而且 定位元素在ie8还是9下只给子元素设置z-index属性还不行还要给父元素设置z-index才能是z轴减低。。但我测试的好像有时候又会有div层级在input框层级之上。实在是无力吐槽

 

oninput onpropertychange 比较和坑

标签:部门   png   inpu   兼容   解决   元素   需要   内网   比较   

原文地址:http://www.cnblogs.com/shareli/p/6834463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!