oninput onpropertychange 比较和坑
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了oninput onpropertychange 比较和坑相关的知识，希望对你有一定的参考价值。
前几天接手一个项目 需要做这样一个界面
一开始想用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 比较和坑的主要内容，如果未能解决你的问题，请参考以下文章
实时监听输入框值变化：oninput & onpropertychange
使用 onpropertychange 和 oninput 检测 inputtextarea输入改变
实时监听输入框值变化的完美方案：oninput & onpropertychange