html中js事件onblur起什么作用?


摘要:
下文讲述html中onblur事件的相关说明,如下所示;


onblur事件功能

onblur事件功能:
onblur事件用于当一个Html元素失去焦点时,触发相应的js事件
onblur事件语法:
<element onblur=”script”>
——–参数说明———
script:onblur中执行的脚本

onblur事件注意事项: 
     1.目前市面上所有浏览器都支持此事件
     2.当用户的焦点离开当前Html元素时,触发相应的事件


onblur事件举例说明

当用户离开文本框焦点时,将文本框中字体变为大写


<!DOCTYPE html>
<html>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
onblur事件示例说明
</title> 
<head>
<script>
function up()
{
	var x=document.getElementById("txtTest").value
	document.getElementById("txtTest").value=x.toUpperCase()
}
</script>
</head>
<body>

<p>输入小写字母后会自动变大写</p>
  <input type="text"   id="txtTest" onblur="up()">
</body>
</html>