[已解决]关于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才可以执行

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