HTML onblur事件属性

由网友 大卫 发布 阅读 7

HTML onblur事件属性

onblur属性用来获取或设置当前元素的onBlur事件的事件处理函数

HTML 事件属性

在线示例

当光标离开输入框时进行格式验证:

<!DOCTYPE html>
<html>
<head>
<title>HTML onblur 事件属性的使用(大卫编程网 div.cn)</title>
<script>
function upperCase()
{
    var x=document.getElementById("fname").value
    document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>输入您的姓名,然后移动光标/选项卡到输入框外:</p>
输入你的英文姓名(鼠标移开后小写会转换为大写): <input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

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

Onblur最常与表单验证代码一起使用(例如,当用户离开表单字段时)。

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

HTML 4.01 与 HTML5之间的差异

无差异。

语法

<element onblur="script">

属性值

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

HTML onchange事件属性 HTML onunload事件属性