• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • onblur

    定义和用法

    onblur在元素失去焦点时触发。

    onblur通常用于代码验证(当用户离开表单输入域时)。

    提示:onblur属性的相反属性onfocus属性。

    HTML 4.01 与 HTML5之间的差异

    无。

    语法

    <element onblur="script">

    浏览器支持

    所有主流浏览器都支持onblur事件属性

    示例

    <html>
    	<head>
    		<title>www.lanmper.cn</title>
    		<script type="text/javascript">
    		function upperCase()
    		{
    		var x=document.getElementById("fname").value
    		document.getElementById("fname").value=x.toUpperCase()
    		}
    		</script>
    	</head>
    	<body>
    		输入您的姓名:
    		<input type="text" id="fname" onblur="upperCase()" />
    	</body>
    </html>
    

    属性值

    描述
    script规定该onblur事件触发时执行的脚本

    实例

    当用户离开输入域时进行验证:
    <input type="text" name="fname" id="fname" onblur="uppercase()">

    上篇:onunload

    下篇:onchange