JS 之 onfocus事件和onblur事件

页面导航:首页 > 网络编程 > JavaScript > JS 之 onfocus事件和onblur事件

JS 之 onfocus事件和onblur事件

来源: 作者: 时间:2016-01-19 18:32 【

在我们平时开发网站中,我们一定会经常遇到onfocus和onblur这两个事件,今天就给大家简单介绍一下这两个事件:onfocus 事件在对象获得焦点时发生。function setStyle(x){document getElementById(x

在我们平时开发网站中,我们一定会经常遇到onfocus和onblur这两个事件,今天就给大家简单介绍一下这两个事件:

 

onfocus 事件在对象获得焦点时发生。

 


<script type=text/javascript>
function setStyle(x)
{
document.getElementById(x).style.background=yellow
}
</script>请输入: 
\

 

当文本框得到焦点的时候,触发setStyle()方法:

\

 

onblur 事件会在对象失去焦点时发生。

 


<script type=text/javascript>
function Msg()
{
var x=document.getElementById(fname).value
alert('你输入的内容是:' + x);
}
</script>请输入: 

\

 

 

当文本框失去焦点的时候,触发Msg()方法,弹出输入的内容

\

 

 

 

 

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<