AIDE技术官网
AIDEZY.COM

JS中的两种光标事件实例代码

AIDE技术网-aidezy.com
JS中的两种光标事件实例代码

JS中的两种光标事件实例代码

前言:

给大家分享JS中的两种光标事件实例代码,如果对你有帮助就看看吧。

 

正文:

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

实例:

<html>
<head>
<script type="text/javascript">
    function setStyle(x)
    {
        document.getElementById(x).style.background="yellow"
    }
</script>
</head>
<body>
    First name: <input type="text" onfocus="setStyle(this.id)" id="fname" /><br />
    Last name: <input type="text" onfocus="setStyle(this.id)" id="lname" />
</body>
</html>

结果:当用鼠标点击input窗口的时候 input背景颜色为黄色

2. onblur 事件会在对象失去焦点时发生;

实例:

<html>
<head>
<script type="text/javascript">
    function upperCase()
    {
        var x=document.getElementById("fname").value
        document.getElementById("fname").value=x.toUpperCase()    //toUpperCase() 方法用于把字符串转换为大写
    } 
</script>
</head>
<body> 
    输入您的姓名: <input type="text" id="fname" onblur="upperCase()"/> 
</body>
</html>

结果:在input窗口中输入小写的英文 当input失去焦点的时候 将刚输入的input的value内容转成大写

搜一下

赞(1) 打赏
AIDE技术网-aidezy.com 广告
AIDE技术网-aidezy.com 广告

来都来了!评论一下呗! 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
切换登录

注册