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

关于onfocus和onmouseover、onmouseout怎么同时实现

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

不二如是 发表于 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才可以执行
页: [1]
查看完整版本: 关于onfocus和onmouseover、onmouseout怎么同时实现