oninput onpropertychange 比较和坑

本文探讨了在Internet Explorer浏览器中解决Placeholder兼容性问题的方法。作者最初尝试使用Placeholder属性但遇到兼容性难题,随后介绍了两种解决方案:一是使用Label标签,二是采用Div元素配合Input元素,并通过监听键盘事件实现动态显示提示文字。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

 

转载于:https://www.cnblogs.com/shareli/p/6834463.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值