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" id="fname" /><br />
Last name: <input type="text" 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" /> </body> </html>
结果：在input窗口中输入小写的英文 当input失去焦点的时候 将刚输入的input的value内容转成大写
资源均来自第三方，谨慎下载，前往第三方网站下载 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱：737597453@qq.com
