[已解决]关于onfocus和onmouseover、onmouseout怎么同时实现

lhj390 · 发表于 2018-1-28 18:16:07

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

就是在文本框获得焦点时边框会变色，移入移出时也会变成不同颜色，要求当获得焦点时移入移出不在起作用，再失去焦点时再起作用，要怎么实现？

最佳答案

月排行榜 / 总排行榜

不二如是

2018-1-28 21:07:35

最好发一下你写的原始代码，原生实现？jQ实现？

跳转到最佳答案楼层

不二如是 · 发表于 2018-1-28 21:07:35

最好发一下你写的原始代码，原生实现？jQ实现？

lhj390 · 发表于 2018-1-28 22:14:50

不二如是发表于 2018-1-28 21:07
最好发一下你写的原始代码，原生实现？jQ实现？

<!DOCTYPE html>
<html>
        <head>
                <title></title>
        </head>
        <style type="text/css">
                input{
                        height: 28px;
                        width: 500px;
                        border: 1px solid #d8d8d8;
                        border-radius: 2px;
                        outline: none;
                }
        </style>

        <body>
                <input type="text" id="input_t" value="" onfocus="inputFocus()" onblur="inputBlur()" onmouseover="inputOver()" onmouseout="inputOut()"/>
                <script type="text/javascript">
                        var oInput=document.getElementById("input_t");
                        inputFocus=function(){
                                oInput.style.borderColor="#3385FF";
                        }
                        inputBlur=function(){
                                oInput.style.borderColor="#d8d8d8";
                        }
                        inputOver=function(){
                                oInput.style.borderColor="#B3B3B3";
                        }
                        inputOut=function(){
                                oInput.style.borderColor="#d8d8d8";
                        }
                </script>
        </body>
</html>

类似这样的，原生实现

lhj390 · 发表于 2018-1-28 22:17:59

lhj390 发表于 2018-1-28 22:14
类似这样的，原生实现

怎样设置条件onfocus的时候onmouseover和onmouseout无法执行，当onblur之后onmouseover和onmouseout才可以执行

账号		自动登录	找回密码
密码			立即注册