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框层级之上。实在是无力吐槽