javascript - onfocus 和 onblur 仅适用于 IE7

Question

我们可以为特定浏览器(如 IE7)编写诸如 onblur 或 onfocus 之类的事件吗？

下面是我尝试过的。

<asp:TextBox  onfocus="this.style.backgroundColor='yellow'" onblur="this.style.backgroundColor='white'" Text="something" ID="txtName" runat="server" ></asp:TextBox>

请注意，这对我来说效果很好。但我只需要 onblur 和 onfocus 即可在 IE7 上执行。

这可能吗？

也许有人遇到过这种需求。

提前致谢

Answer 1

只有在 IE7 下才能检测到浏览器并运行脚本

将它放在标记正文标签的末尾

<!--[if lte IE 7]>
    <script type="text/javascript">
        var txtBox = document.getElementById('<%= txtName.ClientID %>');
         txtBox.onfocus =function(){ txtBox.style.backgroundColor='yellow';};
         txtBox.onblur=function(){txtBox.style.backgroundColor='white';};
    </script>
<![endif]-->

或者把这个放在头上

<!--[if lte IE 7]>
    <script type="text/javascript">
      window.onload=function(){ 
           var txtBox = document.getElementById('<%= txtName.ClientID %>');
           txtBox.onfocus =function(){ txtBox.style.backgroundColor='yellow';};
           txtBox.onblur=function(){txtBox.style.backgroundColor='white';};
     }
    </script>
<![endif]-->