Fork me on GitHub

IE9下解决disable不能脱离焦点问题

又一个月没来了,真是忙坏了。~ 记录下最近项目中遇到的问题,防备以后再次遇到,也方便同遇到的人吧~

//View Code
<input id="txtProjectManager" name="txtProjectManager" type="text" value="" maxlength="100"
                    style="width: 130px;" disabled=disabled/>

Js代码

复制代码
//处理IE9 disable焦点无法移除bug Created by Isaac start
function addDivForDisableControl(selector) {
    selector.wrap("<div onmousedown='return false;' onmousemove='return false;' style='display: inline'></div>");
}
function removeDivForDisableControl(selector) {
    selector.unwrap();
}

//调用方式
$(window).load(function () {
    addDivForDisableControl($('[disabled=disabled]'));
});
复制代码

解决思路,因为是ie9本身的bug,我们只能通过遮罩层来不允许其获得焦点,就OK了,当然取值的时候,要注意移除遮罩层哦~~

posted @   IsaacZhang  阅读(253)  评论(2编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示